Using clappr-markers-plugin in a component module

[marksteven]

I have made a React page with video player and used your marker plugins successfully on it. I then made a React Component and imported it into a page successfully using props

<ClapprPlayerComp 
url={'https://test-streams.mux.dev/x36xhzz/x36xhzz.m3u8'}
/>

But I have not been able to successfully add markers to this part of the page rather than the Component side Example below (that does not work)

<ClapprPlayerComp 
url={'https://test-streams.mux.dev/x36xhzz/x36xhzz.m3u8'}
markers={[new ClapprMarkersPlugin.StandardMarker(300, "Middle Bit.") ]}
/>

I have tried a number of ways but have been unsuccessful. Do you maybe have an example of ways to add markers to the main page rather than the Comp side? Much appreciated regards Mark

[tjenkinson]

Hey is there an error in the console?

Would be great if you could get an example on stackblitz that you could share

Would need to see what ClapprPlayerComp looks like