JavaScript Element.requestFullscreen() 未定义答案

【问题标题】：JavaScript Element.requestFullscreen() is undefinedJavaScript Element.requestFullscreen() 未定义
【发布时间】：2015-05-05 05:05:22
【问题描述】：

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

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

【问题讨论】：

抱歉有什么问题？
您是在询问不支持的浏览器
跨浏览器支持见 - developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/…
if(element.webkitRequestFullScreen) { element.webkitRequestFullScreen(); } else if(element.mozRequestFullScreen) { element.mozRequestFullScreen(); } 否则 if(element.webkitRequestFullscreen) { element.webkitRequestFullscreen(); } else if(element.msRequestFullscreen) { element.msRequestFullscreen(); } - 我对所有浏览器都没有定义.. 任何人都可以帮助我
element 定义了吗？

【解决方案1】：

如果requestFullscreen 返回undefined，则表示您无法请求全屏，因为该功能不存在。除 IE10 及以下版本之外的所有浏览器都支持它，但您需要使用正确的供应商前缀作为您的评论。一个很好的方法就是这样做

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

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

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

正如@ArunPJohny 所说，一定要看看MDN article。

【讨论】：

'var requestFullScreen = elem.requestFullscreen || elem.msRequestFullscreen || elem.mozRequestFullScreen || elem.webkitRequestFullscreen; var isFullScreenAvailable = document.mozFullScreenEnabled;警报（isFullScreenAvailable）；'我收到警报 true.. 但不是全屏..
你做了requestFullScreen.call(elem)吗？
我在想FF怎么了，大写确实是问题。
谢谢！我想知道为什么现在在 Firefox 中不推荐使用前缀版本，但没有前缀版本不可用。无前缀版本有小写“s”。