jQuery检测视频退出全屏然后做某事

Question

我按下按钮时会播放视频。视频完成后，我的jQuery代码会更改网页上的一些内容。我需要我的jQuery来检测用户何时播放视频并退出全屏。

这样的事情：

• 正在播放视频。
• 用户退出视频。
• jQuery检测到这个并运行方法。

任何帮助都会很棒。

Answer 1

要实现此目的，您可以挂钩fullscreenchange事件，并使用fullScreen属性检查视频的状态。请注意，您还需要使用某些特定于浏览器的属性来实现此目的。试试这个：

$('#myVideo').bind('webkitfullscreenchange mozfullscreenchange fullscreenchange', function(e) {
    var isFullScreen = document.fullScreen || document.mozFullScreen || document.webkitIsFullScreen;

    // work with the state flag here...
});

Answer 2

但我认为它只适用于chrome。

$(document).on('webkitExitFullScreen', function()      {       
  alert("Full Screen Closed"); 
});