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

时间:2014-07-22 08:34:27

标签: javascript html5 html5-video

我想全屏播放视频。我搜索并发现Fullscreen 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文件,是否可以全屏自动播放视频而不会发生任何触发事件?

1 个答案:

答案 0 :(得分:0)

不。来自MDN

  

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