webkitRequestFullScreen 不是一个函数

Question

当按下 ESC 时，我试图调用一个函数使屏幕再次处于全屏模式。（也就是说，当按下 ESC 时，屏幕进入正常模式。我需要再次使其处于全屏模式）。识别出 ESC 单击事件再次调用全屏功能，例如

$(document).ready(function (){
var screen_change_events = "webkitfullscreenchange mozfullscreenchange fullscreenchange MSFullscreenChange";
$(document).on(screen_change_events, function () {
if (!window.screenTop && !window.screenY) {
$("iframe")['webkitRequestFullScreen'](); // Identified that ESC is triggered.So need to make it again fullscreen mode
}else{
//alert("no")
}
});
});

但出现以下错误。

Uncaught TypeError: $(...).webkitRequestFullScreen is not a function

Answer 1

您正在$("iframe")['webkitRequestFullScreen']();创建一个 jQuery 对象并尝试调用其“webkitRequestFullScreen”方法，但 jQuery 对象没有此方法 - 只有元素对象有。

您可以像使用数组一样通过索引来从 jQuery 对象中获取元素（即$("iframe")[0].webkitRequestFullScreen()），但如果可以的话，最好为您选择的 iframe 元素提供唯一的 ID，然后使用它：

在您的 HTML 中：

<iframe id="myvideo" src="..."></iframe>

在你的 JavaScript 中：

var elem = document.getElementById("myvideo");
if (elem.webkitRequestFullscreen) {
  elem.webkitRequestFullscreen();
}

另请注意，在方法前添加“webkit”前缀仅适用于基于 Webkit 的浏览器。要查看不同浏览器上可用的不同方法以及如何调用它们，请参阅MDN 文档。