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