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 事件处理程序请求全屏才能使其工作。如果自定义事件处理程序不基于本机事件，则它们不应该工作。

希望对您有所帮助。

JQuery 全屏仅适用于按钮

JQuery full screen only working on button

javascript

jquery

html

fullscreen