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的按钮时，全屏调用就像它应该的那样。

有什么线索的原因？我唯一的难点是浏览器不希望你在没有用户输入的情况下自动调用全屏。

Answer 1

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

说MDN documentation。

因此，您无法从超时或任何其他方法启动全屏。您必须从JS事件处理程序请求全屏以使其工作。如果自定义事件处理程序不基于本机事件，则它们不应起作用。

希望它有所帮助。

JQuery全屏仅适用于按钮

1 个答案: