我正在编写一个JavaScript
应用程序,该应用程序使用VideoJS作为视频播放器。其中一项功能是能够为视频添加书签,因此页面中有一些链接,如:
<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
秒。
然后我应用它来寻找视频中的那个位置。虽然它正确地寻找视频中的位置,但是播放器光标返回到视频的开头,而不是停留在应该的位置。任何想法为什么会发生这种情况?