レジューム機能の利用方法 – ビデオグお客様サポート

レジューム機能は、視聴者が動画の視聴を止める直前の視聴状態を保存しておいて、次に動画を再生したときに以前視聴したところから復帰できるようにする機能になります。

○ホームページ機能で動画を公開している場合

現在レジューム機能はビデオグのホームページ機能をご利用いただいているお客様を対象にβ版としてご提供しております。レジューム機能のご利用をご希望のお客様はビデオグサポートまでご連絡ください。

○iframeタグを利用して、お客様サイトで動画を公開している場合

プレイヤーのiframeタグを自社サイトに埋め込んで動画を公開しているお客様は、プレーヤーコマンド機能とプレイヤーイベント機能を利用することでレジューム機能と同様の機能を実装いただけます。

実装手順は以下になります。

再生ポイントを「再生秒数」イベントで取得し、ローカルストレージに保存しておく。
次回視聴者がページにアクセスした際にローカルストレージの値から「シーク」コマンドを実行する。

以上です。

◆再生した秒数を記録する

if(ev_data.name == "timeupdate"){
 　//レジューム再生機能が有効の時は再生ポイントを記録
 　if(localStorage.getItem('resume_setting')=="set"){
 　　localStorage.setItem(resume_time,now_play_time);
 　}
 }

◆記録されている視聴済み秒数から再生する

if(ev_data.name=="ready"){
 
 　if(localStorage.getItem('resume_setting')=="set"&&localStorage.getItem(resume_time)>0){
 　　g_duration = Math.floor(ev_data.g_duration/1000);
 　　resume_par = Math.floor((localStorage.getItem(resume_time)/g_duration)*100);
 　　//console.log("1:"+localStorage.getItem(resume_time)+"/"+g_duration+"="+resume_par);
 　　$('#resume_bar').css('width',resume_par+'%');
 　}else if(localStorage.getItem('resume_setting')=="set"){
 　　//console.log("1:no-value");
　　 $('#resume_bar').css('width','0%');
 　}

 }

このセクションの記事

関連記事