ホーム > timeupdate (全1件)
  • 動画の再生時間を取得して何かする

    HTML5のvideo要素で再生時間を取得して10秒後に何かする。

    $( 'video' ).on( 'timeupdate', function ( event ) {
    	if ( $(this)[0].currentTime >= 10 ) {
    		// 10秒以上経過した際の処理
    		// 動画の長さは$(this)[0].duration
    	}
    } );
    

    video要素のtimeupdateイベントは、再生中や前後へのシークによって動画の再生箇所が変更になった際に発生する。過負荷にならないよう通常再生時は1秒間に数回(ブラウザ依存)発生する。現在の再生時間はcurrentTimeプロパティに開始からの経過秒数が浮動小数点数で格納されている。また動画の長さ(秒数)はdurationプロパティに格納されている。