退出全屏javascript时声明状态事件以停止视频

Question

我正在尝试在退出全屏模式时停止播放视频。

我正在使用以下代码来检测何时退出全屏模式：

 $('video').bind('webkitfullscreenchange mozfullscreenchange fullscreenchange', function(e) {
     var state = document.fullScreen || document.mozFullScreen || document.webkitIsFullScreen;
     var event = state ? 'FullscreenOn' : 'FullscreenOff';

我如何声明类似下面的代码？

if FUllscreenOff,  $("video").each(function () {
     this.pause();this.currentTime = 0;
})

这将是非常有用的，谢谢你的帮助！

Answer 1

你可以做到

$("video").each(function () {
this.addEventListener(
  'fullscreenchange',
  function(event) {
    if (!document.fullscreenElement) {
       this.pause();
       this.currentTime = 0;
    }
  },
 false
);

我没有检查过请检查过一次让我知道