javascript - JQuery 全屏仅适用于按钮

Question

我正在尝试强制自动全屏(稍后这将仅在移动设备上)我正在使用 kayahr 的全屏插件并使用以下代码

$('#videoPlayer').on('loadedmetadata', function () {
    $("#videoPlayer").fullScreen(true); // 1
    setTimeout(function () {
        $("#videoPlayer").fullScreen(true); // 2
    }, 3000);
});

$('#fullscreen').on('click', function () {
    $("#videoPlayer").fullScreen(true); // 3
});

1、2 正在被调用，但没有任何反应。但是当我按下链接到 3 的按钮时，全屏 get 就会像它应该的那样被调用。

知道为什么吗？我唯一的困难是浏览器不希望您在没有用户输入的情况下自动调用全屏。

Answer 1

Fullscreen requests need to be called from within an event handler or otherwise they will be denied.

说MDN documentation .

因此，您无法通过超时或任何其他方法启动全屏。您必须向 JS 事件处理程序请求全屏才能使其工作。如果自定义事件处理程序不基于 native 事件，则它们不应工作。

希望有帮助。