react-player icon indicating copy to clipboard operation
react-player copied to clipboard

Custom preview prevents React Player to play the video

Open nicolarevelant opened this issue 4 months ago • 2 comments

  • Set light={<img src=... />} o any JSX component
  • React Player shows the custom preview as expected
  • Click on the preview
  • React Player replace preview with video tag
  • After about 1 second (or less sometimes) React Player wrongly replace video tag with the preview image

nicolarevelant avatar Sep 04 '25 07:09 nicolarevelant

thanks for the feedback, could you please provide a repro?

luwes avatar Sep 19 '25 18:09 luwes

<ReactPlayer src="metadata.mpd" light={<img src="image.jpg" />} />

Tested with a Dash stream and some React Components (as light prop):

  • <img src="image.jpg" />
  • <span>Test</span>

Every Component trigger that error, if i use light="image.jpg" no errors (but background-image does not work on some devices like iPhones)

nicolarevelant avatar Sep 23 '25 08:09 nicolarevelant