iphone - 在 iPhone 上使用 html5 视频事件，如何判断 "Done"按钮从简单暂停中单击？

Question

我有一个使用 HTML5 视频标签的 iPhone 网页。在 iPhone 上，此类嵌入的视频在 native 播放器中播放。我想检查视频何时结束以及用户何时使用“完成”按钮关闭了视频。最初，我试过这个:

var video = $("#someVideo").get(0);          
video.addEventListener('ended', myFunction);

但这只会在允许视频结束时触发。在尝试了一些其他事件(暂停、停止、等待)之后，我发现“完成”按钮会触发一个“暂停”事件。但是，当我添加这个时:

video.addEventListener('pause', myFunction);

当用户点击播放控件中的暂停按钮时，和会从“完成”按钮调用我的代码。第二种情况是不可取的；我只想要第一个案例，但事件似乎没有给我足够的信息。

有谁知道有什么方法可以判断用户何时点击了 iPhone 播放器中的“完成”按钮(而不是简单地暂停)？

Answer 1

只需检查暂停函数中的 webkitDisplayingFullscreen bool 值。按 Done 或 Pause 会触发暂停事件，但 Done 会更像退出全屏模式。进行该检查将帮助您区分 2 次按钮按下。下面是一些示例代码。

<script>
var html5Video = function() {
    return {
        init: function() {
            var video = document.getElementsByTagName('video')[0];
            video.addEventListener('ended', endVideo, false);
            video.addEventListener('pause', pauseVideo, false);
        }
    };
}();

function endVideo() { 
    alert("video ended");
}

function pauseVideo() { 
    var video = document.getElementsByTagName('video')[0];
    if (!video.webkitDisplayingFullscreen)
        endVideo(); 
}

html5Video.init();

</script>