Javascript fullscreen api

Javascript fullscreen api

本文关键字：api fullscreen Javascript      更新时间：2023-09-26

谁能解释一下下面的代码是如何工作的?

元素指的是视频，而全屏是页面上的链接。

我理解if语句有困难

var element = document.getElementById('element');
var fullscreen = document.getElementById('fullscreen');
fullscreen.addEventListener('click', function () {
    if (element.requstFullscreen) {
        element.requstFullscreen();
    } else if (element.webkitrequestFullscreen) {
        element.webkitrequestFullscreen();
    };
});

if (element.requestFullscreen) {
    element.requestFullscreen();

如果元素对象包含名为requestFullscreen的东西，则调用它(我修复了一个错字)。这是通过Javascript实现全屏的标准方法。

} else if (element.webkitrequestFullscreen) { 
    element.webkitrequestFullscreen();
}

如果它不存在，但是包含一个叫做webkitrequestFullscreen的东西，调用它。这是你在旧的Chrome/Safari中如何做到的。

另外，一个更可靠的检验函数存在性的方法是typeof:

if (typeof element.requestFullscreen == "function") {
全屏

，当你点击:

如果element有属性requestFullscreen，则调用requestFullscreen();否则，将调用webkitrequestFullscreen()。

这是我能说的最好的没有看到requestFullscreen()和webkitrequestfullscreen()。

相关文章：