Question

我有一个页面，我使用视频标签

插入了一些html5视频

<video>whatever</video>

这些视频位于div中，当我调整浏览器窗口大小时，我可以从不同的位置移动。我使用Jquery函数 appendTo 移动div 视频播放正常，移动没有任何问题。

问题是当我点击播放器的全屏按钮时，它不起作用。在移动之前，视频会全屏显示。

知道怎么解决这个问题吗？

Answer 1

我今天制作了这个代码，用于为所有浏览器设置全屏：

 function toggleFullscreen() {
            if (document.fullScreen)
                    document.cancelFullScreen();
            if (document.webkitIsFullScreen) {
                    document.webkitCancelFullScreen();
            } else if (document.msIsFullScreen) {
                    document.msExitFullscreen();
            } else if (document.mozIsFullScreen) {
                    document.mozCancelFullScreen();
            }
            else {
                    if (document.cancelFullScreen)
                            videoHolder.requestFullscreen();
                    else if (document.webkitCancelFullScreen)
                            videoHolder.webkitRequestFullScreen();
                    else if (document.msExitFullscreen)
                            videoHolder.msRequestFullscreen();
                    else if (document.mozCancelFullScreen)
                            videoHolder.mozRequestFullScreen();
            }
    }

替换“videoHolder”。与您的视频元素。

您现在可以在javascript中运行toggleFullscreen（）来切换全屏。希望这是你想要的。

HTML5视频播放器全屏无法正常工作

1 个答案: