You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
In a React environment, autoplaying and pausing iframe background videos (Plus account) when in view using the play() and pause() methods.
Actual Behavior
On iOS (Safari and Chrome) the videos sporadically do not play when calling the play() method. Instead, it catches and throws the following error:
AbortError: The operation was aborted
The video is on a Plus account, it has no audio track, and it has the background=1 query param. Also tested with adding muted=1 and autoplay=1 for safe measure but it still catches with the above error intermittently.
Steps to Reproduce
You can see this in action here when loading up on iOS using Safari or Chrome (try refreshing a few times): https://www.cotenyc.com * close the pop-up and observe the video background at the top of the page
Looks like that page is no longer using the Vimeo Player. If you still have a way to set up a new example page, please re-open the issue and we can take a look.
I can't re-open the ticket, but pretty bummed that this went unanswered for over two years and ya'll just close it, even though I shared the code showing the complete setup 😞
I've since moved on to just using the file urls for Dash/HLS/MP4, but would still love to have the option to just use the iframe embed. Let me know what you think!
Sorry! I'm just trying to clean up the repo after having been mostly neglected for a while. Most things aren't valid anymore and unfortunately I don't have the time to give everything a full examination. I know it's not the greatest situation, but I hope you can understand.
Expected Behavior
In a React environment, autoplaying and pausing iframe background videos (Plus account) when in view using the
play()
andpause()
methods.Actual Behavior
On iOS (Safari and Chrome) the videos sporadically do not play when calling the
play()
method. Instead, it catches and throws the following error:The video is on a Plus account, it has no audio track, and it has the
background=1
query param. Also tested with addingmuted=1
andautoplay=1
for safe measure but it still catches with the above error intermittently.Steps to Reproduce
You can see this in action here when loading up on iOS using Safari or Chrome (try refreshing a few times): https://www.cotenyc.com
* close the pop-up and observe the video background at the top of the page
Here is the associated component that holds the functionality for this iframe: https://gist.github.com/ndimatteo/6c6df45bfc262eb4719f74c407487b6d
* Line 19 is the function that calls
play()
and is referenced in theuseEffect()
once the API is initializedI hope that helps, thanks so much! 🤘
The text was updated successfully, but these errors were encountered: