html - iPhone 上的全屏视频播放器是否有 "onClose"事件？

Question

我在网站上使用 html5 视频播放器。 当用户开始播放时，播放器进入全屏模式并播放视频。

当视频结束时，我捕捉到 ended 事件并通过 myvideo.webkitExitFullScreen(); 关闭视频播放器。

现在，如果用户点击顶部栏中的“完成”按钮，或者如果播放器通过 video.webkitExitFullScreen() 关闭，我需要另一个事件，当播放器实际关闭时;。

有办法吗？

Answer 1

更新的答案

您可以使用 webkitendfullscreen 和 webkitenterfullscreen 事件:

var vid = document.getElementById("some-vid");

vid.addEventListener('webkitendfullscreen', function (e) { 
  // handle end full screen 
});

vid.addEventListener('webkitenterfullscreen', function (e) { 
  // handle enter full screen 
});

---

上一个答案

此处提出了类似的问题:How do I capture keyboard events while watching an HTML5 video in fullscreen mode? - 不确定如何将这两个问题联系起来。

我只是假设您使用 jQuery 来简化此代码的编写。您只需要知道视频何时将模式从全屏更改为非全屏...因此在调整大小时，您可以检查 video.webkitDisplayingFullscreen; 属性。

var isVideoFullscreen = video.webkitDisplayingFullscreen;

$(window).bind("resize", function (e) {
    // check to see if your browser has exited fullscreen
    if (isVideoFullscreen != video.webkitDisplayingFullscreen) { // video fullscreen mode has changed
       isVideoFullscreen =  video.webkitDisplayingFullscreen;

       if (isVideoFullscreen) {
            // you have just ENTERED full screen video
       } else {
            // you have just EXITED full screen video
       }
    }
});

希望这对您有所帮助或为您指明正确的方向