LonelyCpp / react-native-youtube-iframe

A wrapper of the Youtube-iframe API built for react native.
https://lonelycpp.github.io/react-native-youtube-iframe/
MIT License
594 stars 147 forks source link

Cannot scroll ScrollView: iframe intercepts pan #298

Open braincore opened 1 year ago

braincore commented 1 year ago

Describe the bug A user is unable to scroll a scrollview if they start their touch on a video that's actively playing.

AFAICT this behavior is introduced inadvertently by YouTube and their embed API. I'm not sure what can be done.

To Reproduce

  1. Inside a scrollview, add a YT iframe.
  2. Have the YT iframe play a video.
  3. Try to scroll the scrollview by starting a gesture from the center of the video.
  4. The gesture is ignored.

Expected behavior The scrollview should scroll.

Smartphone (please complete the following information):

rlov commented 10 months ago

I have the same issue :c

Davidorenlane commented 10 months ago

I'm having the same issue :/

abhinavicodelabs commented 1 month ago

Hey guys, try this -> https://lonelycpp.github.io/react-native-youtube-iframe/remove-context-share It worked for me. I am using it inside Flashlist.

https://github.com/LonelyCpp/react-native-youtube-iframe/assets/78351031/651e8af4-307e-424d-bc33-787fa5c54196