检测用户是否使用 jQuery 退出全屏视频
Detect if user exits full screen video with jQuery
有没有办法检测用户是否退出全屏视频。如果退出全屏模式,我想重新加载我的视频。我在这里找到了一些关于 cancelFullScreen 和 exitFullScreen 的东西,但我发现没有任何东西对我有用。任何信息将不胜感激。
我认为这取决于您用于播放视频的播放器。我会检查引用该视频播放器的文档。一个简单的 Google 搜索得到了这些结果:https://www.google.com/search?q=detect+if+full+screen+video+jquery&ie=utf-8&oe=utf-8
// Entering fullscreen mode
$('video#my-video').bind('webkitfullscreenchange mozfullscreenchange fullscreenchange', function(e) {
var state = document.fullScreen || document.mozFullScreen || document.webkitIsFullScreen;
var event = state ? 'FullscreenOn' : 'FullscreenOff';
// Now do something interesting
//alert('Event: ' + event);
if (event == "FullscreenOn"){
//do something when fullscreen on
}
});
有没有办法检测用户是否退出全屏视频。如果退出全屏模式,我想重新加载我的视频。我在这里找到了一些关于 cancelFullScreen 和 exitFullScreen 的东西,但我发现没有任何东西对我有用。任何信息将不胜感激。
我认为这取决于您用于播放视频的播放器。我会检查引用该视频播放器的文档。一个简单的 Google 搜索得到了这些结果:https://www.google.com/search?q=detect+if+full+screen+video+jquery&ie=utf-8&oe=utf-8
// Entering fullscreen mode
$('video#my-video').bind('webkitfullscreenchange mozfullscreenchange fullscreenchange', function(e) {
var state = document.fullScreen || document.mozFullScreen || document.webkitIsFullScreen;
var event = state ? 'FullscreenOn' : 'FullscreenOff';
// Now do something interesting
//alert('Event: ' + event);
if (event == "FullscreenOn"){
//do something when fullscreen on
}
});