videojs / video.js

Video.js - open source HTML5 video player
https://videojs.com
Other
37.91k stars 7.43k forks source link

Video JS embed issues across many browsers, debugging help needed. #8878

Open DigitalCurator opened 2 hours ago

DigitalCurator commented 2 hours ago

Description

Previously, this video JS from SafeShare embed works without error, however, recently this caused many errors in browsers. I understand the script is used by SafeShare via FireBase. However, can anyone troubleshoot the exact issue or know the fix for this? Thanks in advance. The iframe embedding example:

<iframe allow="autoplay; fullscreen" src="https://safeshare.tv/vjs-embed/lgI16JfIXA0?autoplay=0&mute=0"></iframe>

In some browsers, screen automatically scrolls or jumps to middle or random portion where video is embedded (example: https://safeshare.tv ; the screen will jump to the middle after 10sec), in some browser, all video will always autoplay, some never autoplay, some are always muted (despite autoplay=0 or 1). All browsers display some kind of errors or buggy behaviour.

Reduced test case

https://safeshare.tv

Steps to reproduce

  1. Embed the iframe as above.
  2. Open any browser.
  3. Some browsers automatically scroll to middle or end of page, some always autoplay, some never autoplay, some are always muted (despite autoplay=0 or 1)
  4. DevTool shows numerous warning errors.

Errors

video.js?v=xxxxxxxx:xx 

VIDEOJS: WARN: videojs.extend is deprecated as of Video.js 7.22.0 and will be removed in Video.js 8.0.0
(anonymous) @ video.js?v=xxxxxxxx:xx
log.warn @ video.js?v=xxxxxxxx:xx
extend @ video.js?v=xxxxxxxx:xx
(anonymous) @ videojs-resolution-switcher.js?v=xxxxxxxx:xx
video.js?v=xxxxxxxx:xx 

VIDEOJS: WARN: A plugin named "hotkeys" already exists. You may want to avoid re-registering plugins!
(anonymous) @ videojs.hotkeys.js?v=xxxxxxxx:xx
play-embed.js?v=xxxxxxxx:xx 

Can not auto-play DOMException: play() failed because the user didn't interact with the document first.

What version of Video.js are you using?

[Refer to error log]

Video.js plugins used.

No response

What browser(s) including version(s) does this occur with?

Chrome, Firefox, Safari

What OS(es) and version(s) does this occur with?

Mac, Windows, iOS

welcome[bot] commented 2 hours ago

πŸ‘‹ Thanks for opening your first issue here! πŸ‘‹

If you're reporting a 🐞 bug, please make sure you include steps to reproduce it. We get a lot of issues on this repo, so please be patient and we will get back to you as soon as we can. To help make it easier for us to investigate your issue, please follow the contributing guidelines.