这是一个扩展 这个问题
根据我的研究,对于iPhone / iPad上的视频元素,同时按“完成”和“暂停”会触发“暂停”事件。因此,如果我按下“完成”按钮后我想要启动某些所需的网页行为,我需要监听“暂停”事件。
player = document.getElementById('videoplayer');
player.addEventListener("pause", function() {
//desired "done button" behavior defined here
}, false);
根据 Arv-ToolTwist的答案 对于那个原始问题,区分“完成”和“暂停”的方式是检查 webkitDisplayingFullscreen
boolean(由于“完成”按钮退出全屏,布尔值将返回false)。
player.addEventListener("pause", function() {
if(!player.webkitDisplayingFullscreen) {
//desired "done button" behavior defined here
}
}, false);
然而,在用户在播放器处于全屏模式时暂停视频然后在视频暂停时按下“完成”的情况下,不启动“期望的完成按钮行为”。
我的研究很少发现这方面的信息,但我的假设是,“暂停”事件不是第二次触发,或者是在第二次触发之前触发 webkitDisplayingFullscreen
布尔值更改为“false”。无论哪种方式,该设备可以分辨“完成”和“暂停”之间的区别(即使播放器已经暂停),所以我想知道
- 设备如何区分,以及
- 是否有办法检测播放器何时退出全屏模式,这样即使播放器已经暂停,仍然会检测到“完成”按钮,并且仍然会启动所需的行为。