DOM Exception 11 InvalidStateError with webkitEnterFullscree

DOM Exception 11 InvalidStateError with webkitEnterFullscreen()

本文关键字:with webkitEnterFullscree InvalidStateError Exception DOM      更新时间:2023-09-26

我使用Chrome浏览器,我的HTML是

<!DOCTYPE html>
<html>
<head>
    <script type="text/javascript">
        window.onload = function() {
            var vid = document.createElement('video');
            vid.src = "small.mp4";
            document.body.appendChild(vid);
            vid.addEventListener("loadedmetadata", function() {
                vid.webkitEnterFullscreen();
            });
        };
    </script>
</head>
<body>
</body>
</html>

我得到一个错误视频。webkitenterfullscreen ();

在'loadedmetadata'事件中不允许进入全屏。你必须等待点击/按键事件。

window.onload = function() {
        var vid = document.createElement('video');
        vid.src = "small.mp4";
        document.body.appendChild(vid);
        vid.play();
        vid.addEventListener("click", function() {
            vid.webkitEnterFullscreen();
        });
 };