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") {