使用jQuery检测用户是否退出全屏视频

Detect if user exits full screen video with jQuery

本文关键字:视频 退出 是否 jQuery 检测 用户 使用      更新时间:2023-09-26

是否有方法检测用户是否退出全屏视频。如果退出全屏模式,我想重新加载我的视频。我在这里找到了一些关于cancelFullScreen和exitFullScreen的东西,但我没有找到任何适合我的东西。任何信息都将不胜感激。

我认为这将取决于您用于视频的播放器。我会查看有关该视频播放器的文档。一个简单的谷歌搜索得到了以下结果:https://www.google.com/search?q=detect+if+全屏+视频+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
    }

    });