2017-04-13 22 views
0

ビデオhtml5要素を使用してdurationプロパティを取得して最後に を見つけました。ユーザーがブラウザを閉じるかユーザーが一時停止したときにビデオの再生が停止し、それは後でそれが停止する場所から再開する。私はGoogleで検索し、スタックオーバーフローをチェック現在何Jquery(Html5ビデオ要素)を使用してビデオを再開する

は、私はまた、ユーザーが自分のアプリケーションへのログイン 後に停止期間にビデオをシークしたいこの

<script type="text/javascript"> 

    $("#video").on("durationchange", function() { 
     alert("Current duration is: " + this.duration); 
    }); 

    </script> 

<video id="video" poster="image.jpg" controls>  
     <source src="video_path.mp4" type="video/mp4" /> 
    </video> 

のようなものです。私はそれを試みたが、

 $(window).load(function() { 
     .ajax({ 
      type: "GET", 
      url: "/api/videoResume/", 
      data: param = "", 
      contentType: "application/json; charset=utf-8", 
      dataType: "json"    
     }) 
     .done(function(result){ 
      //update the video element duration 
      //seeking video to the duration 
     }) 
    }); 
+0

'window.onbeforeunload = video.onpause = E => postToYourServer(video.currentTime)' – Kaiido

答えて

1

動画が一時停止されたとき、あなたは現在の時刻をキャプチャできるように、それだけで、イベントリスナーを追加行う別の方法を行うための正しい方法ではないですし、その後、代わりにアラートを送信します以下の例のように、あなたはなど、データベースにその情報を送ることができるコードは次のようになります。

Javascriptを:

var video1 = document.getElementById('video1'); 

function videoPausePlayHandler(e) { 
    if (e.type == 'pause') { 
    alert(video1.currentTime); 
    } 
} 

video1.addEventListener('pause', videoPausePlayHandler, false); 

HTML:

<video id="video1" poster="image_path.jpg" controls> 
<source src="video_path.mp4" type="video/mp4" /> 
</video> 

作業サンプル:https://jsfiddle.net/l33tstealth/qr72bvxb/1/

関連する問題