javascript - 离开 jquery 移动页面时停止视频播放

Question

因此，我有一个带有 html 5 视频的 jquery 移动页面，我希望能够停止播放并重置其自身，或者只是自动暂停视频。这会是正确的javascript吗？

<script>

function restart() {
        var video = document.getElementById("Video1");
        video.currentTime = 0;}

    if ($.mobile.activePage.attr('id') != 'a28') { "restart"}


</script>

Answer 1

您是否尝试过 pagehide ，当当前活动页面被隐藏/更改时，它会被调用。

$(function(){
     $('#a28').live('pagehide',function(){
        //stop the video
     });
});

Answer 2

利用循环来检查用户是否在网页上。存储时间。

var lastSeen;
var loop = function (){
    lastSeen = Date.now();
    setTimeout(loop, 50);
};
loop();

var video = document.getElementById('Video1');
video.addEventListener('timeupdate', function (){
    if(Date.now() - lastSeen > 100){
        this.pause();
    }
}, false);