使用HTML5和javascript在播放器全屏而不是背景全屏中自动播放视频

Autoplaying of video in player-fullscreen rather than background fullscreen using HTML5 and javascript

本文关键字：背景 自动播放 视频 javascript 播放器 HTML5 使用      更新时间：2023-09-26

我想全屏自动播放视频。我搜索了一下，发现全屏API可以用来做到这一点，发现类似的代码可以使用。

viewFullScreen.addEventListener("click", function () {
    var docElm = document.documentElement;
    if (docElm.requestFullscreen) {
        docElm.requestFullscreen();
    }
    else if (docElm.msRequestFullscreen) {
        docElm.msRequestFullscreen();
    }
    else if (docElm.mozRequestFullScreen) {
        docElm.mozRequestFullScreen();
    }
    else if (docElm.webkitRequestFullScreen) {
        docElm.webkitRequestFullScreen();
    }
}, false);

这段代码运行良好。但这需要一些触发事件，如鼠标点击或键盘输入。但是，是否有可能在没有任何触发事件的情况下，在全屏自动播放视频，只要打开html文件?

没有。从MDN:

注意:全屏请求需要从事件处理程序中调用，否则它们将被拒绝。

相关文章：