離開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);