是否可以處理全屏html5視頻播放器上的播放按鈕？

Question

我有一個html5視頻播放器。它上面有一個播放圖標，但是當用戶進入全屏並按播放按鈕時它不會隱藏。 我目前正常隱藏它在正常模式下。

無論如何，我會一步一步解釋。

1. 轉到：http://html.banjaworks.com/GameFlank/game.html
2. 按下播放視頻之前全屏按鈕。
3. 播放它，而它的全屏
4. 退出全屏

，你會看到的圖標仍然存在。

現在，我想要全屏處理該播放按鈕並隱藏圖標。

謝謝！

Answer 1

請嘗試如下代碼：

if (document.addEventListener) 
{ 
    document.addEventListener('webkitfullscreenchange', videoexitHandler, false); 
    document.addEventListener('mozfullscreenchange', videoexitHandler, false); 
    document.addEventListener('fullscreenchange', videoexitHandler, false); 
    document.addEventListener('MSFullscreenChange', videoexitHandler, false); 
} 

function videoexitHandler() 
{ 
    if ((document.webkitIsFullScreen == false) || (document.mozFullScreen == false) || (document.msFullscreenElement == false)) 
    { 
     var wrap = $('video').parents('.video:first'); 
    toggleVideoPlay(wrap); 
    } 
}