Question

我正在播放列表中组织的网站上观看一系列视频。每个视频长约2分钟。

该网站使用HTML 5视频播放器，并且支持自动播放。也就是说，每次视频结束时，下一个视频就会加载并自动播放，这很棒。

但是，即使使用全屏播放，即使我以前全屏播放了一个视频，当下一个视频加载到播放列表中时，屏幕也会恢复正常，因此我必须再次单击全屏显示按钮。...

我尝试用Tampermonkey编写一个简单的javascript扩展程序以自动全屏加载视频。

$(document).ready(function() {
  function makefull() {
    var vid = $('video')[0]
    if (vid.requestFullscreen) {
      vid.requestFullscreen();
    } else if (vid.mozRequestFullScreen) {
      vid.mozRequestFullScreen();
    } else if (vid.webkitRequestFullscreen) {
      vid.webkitRequestFullscreen();
    }

    //var vid = $('button.vjs-fullscreen-control').click();

  }

  makefull()

但是我遇到了这个错误：

Failed to execute 'requestFullscreen' on 'Element': API can only be initiated by a user gesture.

每2分钟播放一次视频后必须手动单击全屏，这非常烦人。有没有办法可以在自己的浏览器中实现此目的？我正在使用Chrome。

Answer 1

如果您可以获得URL的列表，则可以创建自己的播放列表。无法在跨域<iframe>（例如在plnkr.co）内正确测试代码。可以在console的{{1}}处测试代码。要测试代码，可以在MediaFragmentRecorder使用变量document，并用urls事件替换"pause"中的"ended"事件。

如果您无法控制该站点使用的HTML或JavaScript，请不确定如何提供任何能够解决查询的代码。

.addEventListener()

如果全屏显示html 5视频之前该如何全屏打开

1 个答案: