Javascript全屏api

Question

有人可以解释以下代码的工作原理。

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

我无法理解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();
    };
});

Answer 1

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

如果元素对象包含名为requestFullscreen的内容，请调用它（我修复了一个拼写错误）。这是通过Javascript全屏播放的标准方式。

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

如果没有，但包含名为webkitrequestFullscreen的内容，请调用它。这是您在较旧的Chrome / Safari中执行此操作的方法。

顺便说一句，检查函数存在的更可靠的方法是typeof：

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

Answer 2

单击时全屏

：

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

在没有看到requestFullscreen（）和webkitrequestfullscreen（）的情况下，我能说的最好。