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

标签 javascript jquery video html5-video fullscreen

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

最佳答案

我认为这取决于您用于播放视频的播放器。我会检查引用该视频播放器的文档。一个简单的谷歌搜索得到了这些结果: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

    }


    });

关于javascript - 使用 jQuery 检测用户是否退出全屏视频,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29222476/

相关文章:

jQuery Live 不更新属性 Dom

ios - UICollectionView 在加载 facebook 视频 URL 时卡住

javascript - 将数据附加/插入到 MongoDB 中

javascript - 当新标记位置插入数据库时​​,更新谷歌地图上的多个标记位置

javascript - 使用 Javascript 将十六进制数转为字符

javascript - 单击 jquery 选择中的选项?

javascript - Bootstrap : $ ('#myModal' ). 模态 ('show');导致屏幕变黑

android - 将安卓摄像头的实时视频广播流式传输到服务器

r - R 中高清动画视频的最佳实践

javascript - CoffeeScript 类