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