VideoJSをビデオプレーヤーとしてJavaScript
利用するアプリケーションを書いています。機能の1つは、ビデオをブックマークできるようにすることです。そのため、ページには次のようなリンクがいくつかあります。
<p><a href="" onclick="seek('00:03:00');">00:03:00</a></p>
<p><a href="" onclick="seek('00:10:45');">00:10:45</a></p>
<p><a href="" onclick="seek('00:25:30');">00:25:30</a></p>
<p><a href="" onclick="seek('00:45:31');">00:45:31</a></p>
<p><a href="" onclick="seek('01:01:01');">01:01:01</a></p>
<p><a href="" onclick="seek('01:11:11');">01:11:11</a></p>
これにより、次の機能がトリガーされます。
function convertToSeconds(time){
var timeInSeconds = 0;
var slice = time.split(":");
// make sure it is in the format 00:00:00
if(slice.length == 3){
var hours = parseInt(slice[0]);
var minutes = parseInt(slice[1]);
var seconds = parseInt(slice[2]);
timeInSeconds = seconds + minutes*60 + hours*3600;
}
return timeInSeconds;
}
function seek(time){
var myPlayer = _V_("example_video_1");
var seconds = convertToSeconds(time);
var whereAt = myPlayer.duration();
console.log(seconds);
if(seconds <= whereAt){
myPlayer.currentTime(seconds);
myPlayer.play();
}
return;
}
ConvertToSeconds
'00:03:00'
形式の文字列を180
秒に変換します。次に、それを適用して、ビデオ内のその位置を探します。ビデオ内の位置を正しく検索しますが、プレーヤーカーソルは、本来あるべき場所に留まるのではなく、ビデオの先頭に戻ります。なぜそれが起こっているのですか?