使用iphone上的HTML5视频元素,如何检测"暂停"和"完成"之间的区别？

Question

这是这个问题的延伸

根据我的研究,对于iPhone/iPad上的视频元素,同时按"完成"和"暂停"会触发"暂停"事件.因此,如果我在按下"完成"按钮时想要启动某些所需的网页行为,我需要监听"暂停"事件.

player = document.getElementById('videoplayer');
player.addEventListener("pause", function() {
   //desired "done button" behavior defined here
}, false);

根据Arv-ToolTwist对原始问题的回答,区分"完成"和"暂停"的方法是检查webkitDisplayingFullscreen布尔值(因为"完成"按钮退出全屏,布尔值将返回false).

player.addEventListener("pause", function() {
   if(!player.webkitDisplayingFullscreen) {
      //desired "done button" behavior defined here
   }
}, false);

然而,在用户在播放器处于全屏模式时暂停视频然后在视频暂停时按下"完成"的情况下,不启动"期望的完成按钮行为".

我的研究转向了小到没有这些信息,但我的假设是,无论是"暂停"事件没有得到触发第二次,或者被触发第二次之前,webkitDisplayingFullscreen布尔改变为"假".无论哪种方式,该设备可以分辨"完成"和"暂停"之间的差异(即使播放器已经暂停),所以我想知道

1. 设备如何区分,以及
2. 是否有办法检测播放器何时退出全屏模式,这样即使播放器已经暂停,仍然会检测到"完成"按钮,并且仍然会启动所需的行为.

Answer 1

这是您要寻找的事件:

player.addEventListener('webkitendfullscreen', onVideoEndsFullScreen, false);

当用户按下"完成"按钮时,该事件确实会触发.(iPhone/iTouch的)

在这个问题中回答,如何弄清楚HTML5视频播放器何时进入iOS/iPad上的全屏模式？

这只是离开主页按钮事件......对于这似乎没有可靠的事件(参见下面的2篇文章)https://discussions.apple.com/thread/4182660?start=0&tstart=0