我有一个html5视频播放器 . 并且有一个播放图标,但当用户进入全屏并按下播放按钮时,它不会隐藏 . 我目前正在以正常模式隐藏它 .
无论如何,我会一步一步地解释 .
转到:http://html.banjaworks.com/GameFlank/game.html
播放视频前按全屏按钮 .
全屏播放
退出全屏
你会看到图标仍在那里 .
现在,我想在全屏上处理该播放按钮并隐藏图标 .
谢谢!
请尝试以下代码:
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); } }
1 回答
请尝试以下代码: