是否可以處理全屏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);
    }
}