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

在全屏

，當您單擊無法理解：

如果element有屬性requestFullscreen，然後requestFullscreen()將被調用， 否則，webkitrequestFullscreen()將被稱爲。

這就是我看到requestFullscreen（）和webkitrequestfullscreen（）時可以說的最好的。

Answer 2

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

如果元素對象中含有一種叫requestFullscreen，調用它（有一個錯字，我固定的）。這是通過Javascript全屏顯示的標準方式。

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

如果不是，但包含一些名爲webkitrequestFullscreen的東西，請調用它。這就是您在舊版Chrome/Safari中的做法。

順便說一下，要檢查的功能存在一個更可靠的方法是typeof：

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