首页 文章

是否可以在全屏html5视频播放器上处理播放按钮?

提问于
浏览
0

我有一个html5视频播放器 . 并且有一个播放图标,但当用户进入全屏并按下播放按钮时,它不会隐藏 . 我目前正在以正常模式隐藏它 .

无论如何,我会一步一步地解释 .

你会看到图标仍在那里 .

现在,我想在全屏上处理该播放按钮并隐藏图标 .

谢谢!

1 回答

  • 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);
        }
    }
    

相关问题