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

ページ非表示を試しましたか。現在アクティブなページが非表示/変更されると呼び出されます。

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

Answer 2

ループを使用して、ユーザーが Web ページにいるかどうかを確認します。時刻を保存します。

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