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

Question

所以我有一个jQuery的移动页面，里面有一个html5视频，我希望能够停止播放，重置自己或自动暂停视频。这将是正确的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);