Jquery 如何检测Internet Explorer视频是否退出全屏模式?
在我的页面上,有一个视频以以下方式进入全屏模式:Jquery 如何检测Internet Explorer视频是否退出全屏模式?,jquery,internet-explorer,video,fullscreen,Jquery,Internet Explorer,Video,Fullscreen,在我的页面上,有一个视频以以下方式进入全屏模式: $('.fullscreen-btn').click(function () { if (movie[0].requestFullscreen) { movie[0].requestFullscreen(); } else if (movie[0].mozRequestFullScreen) {
$('.fullscreen-btn').click(function () {
if (movie[0].requestFullscreen) {
movie[0].requestFullscreen();
} else if (movie[0].mozRequestFullScreen) {
movie[0].mozRequestFullScreen();
} else if (movie[0].webkitRequestFullscreen) {
movie[0].webkitRequestFullscreen();
} else if(movie[0].webkitEnterFullscreen){ //ipad fix
movie[0].webkitEnterFullscreen();
} else if (movie[0].msRequestFullscreen){ //IE fix
movie[0].msRequestFullscreen();
}
//followed by some code for smallscreen button, positioning customized play and pause button etc.
});
当我离开全屏模式时,我有以下代码来检测它:
$('.smallscreen-btn').click(function () {
if (document.exitFullscreen) {
document.exitFullscreen();
}
else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen();
}
else if (document.webkitCancelFullScreen) {
document.webkitCancelFullScreen();
}
if(movie[0].webkitExitFullscreen){ //ipad specific
...
}
});
但我不知道什么条件对IE有效:
我尝试了if(document.msExitFullScreen){…}
,if(movie[0].msExitFullScreen){…}
所以我知道如何检测进入全屏模式,但不取消它。有人知道什么是可行的吗?这个JavaScript(普通)解决方案应该得到广泛支持。这是一个小api,可以让您检测客户端何时进入全屏模式以及何时退出。它是事件驱动的,因此使用非常简单,可以在所有DOM2 customEvent支持的浏览器上使用。
不支持outerHeight:innerHeight
属性的浏览器(足够旧)将失败
onresize = function() {
var state = 1 >= outerHeight - innerHeight ? "fullscreen" : "windowed";
if( window.state == state ) return;
window.state = state;
var event = document.createEvent("Event");
event.initEvent(state, true, true);
window.dispatchEvent( event );
};
addEventListener('windowed', function(e){ alert(e.type) }, false );
addEventListener('fullscreen', function(e){ alert(e.type) }, false );
*!!但从未在智能手机上测试过,请检查并提供相关反馈 也许MSFullScreen会像文档上说的那样改变?哦,是的!非常感谢。msExitFullScreen不起作用,但MS fullscreen更改事件:是否执行作业:)有时谷歌会提供帮助;)我试过了,但似乎我没有这方面的天赋;)