javascript - webkitRequestFullScreen不是函数

我试图调用一个函数以在按下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

最佳答案

使用$("iframe")['webkitRequestFullScreen']();，您将制作一个jQuery对象并尝试调用其“ webkitRequestFullScreen”方法，但是jQuery对象没有此方法-仅元素对象可以。

您可以像使用数组（即$("iframe")[0].webkitRequestFullScreen()）那样通过对jQuery对象进行索引来获取它们，但是如果可以的话，最好给iframe元素一个您要选择的唯一ID，然后使用该ID：

在您的HTML中：

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

在您的JavaScript中：

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

另外，请注意，以“ webkit”为前缀的方法仅适用于基于Webkit的浏览器。要查看不同浏览器上可用的不同方法以及如何调用它们，请参见MDN docs。

关于javascript - webkitRequestFullScreen不是函数，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/43625499/