没有全屏幕的自定义控件.
我只是全屏显示默认控件.
但是当退出全屏幕时,我需要禁用默认控件.
我们如何知道视频是否已经使用 JavaScript或jQuery退出全屏模式?
解决方法
还要注意,mozCancelFullScreen()将全屏复原,将以前的全屏元素全屏显示.所以如果你多次请求全屏,取消全屏将不一定完全退出全屏幕,它可能会回滚到以前的全屏状态.
例子:
你可以去:
$(document).on('webkitExitFullScreen',function() { alert("Full Screen Closed"); });
var exitedFullScreen; $(document).on("webkitExitFullScreen",function() { exitedFullScreen = !!$(document).fullScreen(); }
3.将其应用于容器:
$('video')[0].webkitExitFullScreen();
4.仅使用JavaScript:
<script type="text/javascript"> function ExitVideo() { document.getElementsByTagName('video')[0].webkitExitFullScreen(); } </script>
还有几个第三方插件可以让您访问所需的事件:
> http://johndyer.name/native-fullscreen-javascript-api-plus-jquery-plugin/
> https://github.com/ruidlopes/jquery-fullscreen
编辑1
浏览器之间存在兼容性问题,以下是不同语句的示例:
document.webkitExitFullscreen(); document.mozCancelFullscreen(); document.exitFullscreen();
编辑2
全屏API在Chrome 15,Firefox 14和Opera 12中默认启用.有关其余API的更多信息,请参阅规范.
Updated 2012-10-11: to be inline with spec changes. Lowercased the “S”
in requestFullscreen() and changed document.webkitCancelFullScreen()
to document.webkitExitFullscreen().
编辑3
尝试以下操作,而不使用jQuery在Firefox中进行调试:
var videoElement = document.getElementById("myvideo"); function toggleFullScreen() { if (!document.mozFullScreen && !document.webkitFullScreen) { if (videoElement.mozRequestFullScreen) { videoElement.mozRequestFullScreen(); } else { videoElement.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT); } } else { if (document.mozCancelFullScreen) { document.mozCancelFullScreen(); } else { document.webkitCancelFullScreen(); } } } document.addEventListener("keydown",function(e) { if (e.keyCode == 13) { toggleFullScreen(); } },false);
编辑4
要在Firefox中使用jQuery,请尝试不同的示例:
if (document.mozCancelFullScreen) { alert('Full Screen Closed') }
原文地址:https://www.jb51.cc/js/152254.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。