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

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

$(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);

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

2 个答案: