iOS double-tap needed to start playing the video

Current Behavior

On iOS 13 and 14 (Safari and Chrome), when clicking on a video the “poster” image disappears, but it’s still necessary to tap again on the video to start playing. Basically, a double-tap is needed.

This issue seems related to these two:

1. https://github.com/CookPete/react-player/issues/706
2. https://github.com/CookPete/react-player/issues/543

Expected Behavior

On tap start the video immediately.

Steps to Reproduce

Looking at the others issues it seems that this issue is related to the use of the light prop.

Current implementation:

<ReactPlayer
ref={ref}
url={src}
light={thumbnail}
config={{ youtube: { playerVars: youtubePlayerParams }, vimeo: { playerOptions: vimeoPlayerParams } }}
playing={true}
playIcon={
  <PlayButton>...</PlayButton>
}
/>

Environment

Other Information

Has anyone faced this issue recently? Any possible solution?

[claudiopedrom]

Thanks @cookpete, if I find any solution I will put it here!

Hi @claudiopedrom, I don’t suppose you ever found a solution to this?

Hey! Unfortunately, it’s been a long time and I don’t remember and I also no longer have access to the project. 😞

[claudiopedrom]

Thanks @cookpete, if I find any solution I will put it here!