JavaScript Element.requestFullscreen() 未定义

Question

如果 element.requestFullscreen() 未定义，我该如何使用代码？

if (element.webkitRequestFullScreen) {
    element.webkitRequestFullScreen();
}

Answer 1

如果 requestFullscreen 返回 undefined，这意味着您不能请求全屏，因为该函数不存在。除 IE10 及以下版本之外的所有浏览器都支持它，但您需要在评论时使用正确的 vendor 前缀。你可以做到这一点的一个好方法是做

var requestFullScreen = elem.requestFullscreen || elem.msRequestFullscreen || elem.mozRequestFullScreen || elem.webkitRequestFullscreen;

我认为您的问题是您将某些功能拼错了。这是令人困惑的，因为 Mozilla 使用 .mozRequestFullScreen 而其他人使用 requestFullscreen。大写的 S 可能很烦人。

其中 elem 是来自 DOM 的 video 元素。然后您可以执行 requestFullScreen.call(elem) 它将启动全屏。

正如@ArunPJohny 评论的那样，一定要看看 MDN article .