HTML5全屏API無法在Firefox中工作，IE

Question

我想檢測HTML5視頻全屏模式。下面的代碼只適用於chrome。該代碼不適用於Firefox和IE。我沒有Safari，但我希望它能夠在Safari中工作。

video.addEventListener('webkitfullscreenchange', fullscreenHandler, false); 
video.addEventListener('mozFullScreenElement', fullscreenHandler, false); 
video.addEventListener('fullscreenElement', fullscreenHandler, false); 
video.addEventListener('requestFullscreen', fullscreenHandler, false); 

function fullscreenHandler() 
{ 
//fullscreen code 
} 

我已經嘗試了不同的方法，但只在鉻中工作。任何人都可以幫助我解決這個問題。它已經整整一天，我在谷歌搜索，但找不到任何解決方案。幫助將不勝感激。

Answer 1

正確的事件是fullscreenchange，它應該附加到文檔。

與所有的供應商前綴，它提供了：

document.addEventListener('webkitfullscreenchange', fullScreenHandler); 
document.addEventListener('mozfullscreenchange', fullScreenHandler); 
document.addEventListener('msfullscreenchange', fullScreenHandler); 
document.addEventListener('fullscreenchange', fullScreenHandler); 

，但沒有支持IE的一些版本中，它從addEventListener()方法連接，所以一個更好的跨瀏覽器的方式居然是：

if('onfullscreenchange' in document){ 
    document.addEventListener('fullscreenchange', fullScreenHandler); 
} 
if('onmozfullscreenchange' in document){ 
    document.addEventListener('mozfullscreenchange', fullScreenHandler); 
} 
if('onwebkitfullscreenchange' in document){ 
    document.addEventListener('webkitfullscreenchange', fullScreenHandler); 
} 
if('onmsfullscreenchange' in document){ 
    document.onmsfullscreenchange = fullScreenHandler; 
} 

如果您需要獲取觸發全屏模式的元素，可以查看document.fullscreenElement || document.webkitFullscreenElement || document.mozFullScreenElement || document.msFullscreenElement;