在Chrome中使用HTML5视频进行搜索

7 浏览
0 Comments

在Chrome中使用HTML5视频进行搜索

我在使用Chrome浏览器时遇到了视频搜索的问题。

不知何故，无论我做什么，video.seekable.end(0)总是为0。

当我调用video.currentTime = 5，然后调用console.log(video.currentTime)时，我发现它始终为0，似乎重新设置了视频。

我尝试了MP4和基于VP9的webm格式，但两者都得到了相同的结果。

更令人恼火的是，Firefox能完美运行所有的东西。Chrome有什么特别之处我应该知道吗？

这是我的代码（只在Firefox中有效）：

这是JavaScript代码：

var videoDiv = $(".myvideo").children().get(0)
videoDiv.load();
  videoDiv.addEventListener("loadeddata", function(){
    console.log("loaded");
    console.log(videoDiv.seekable.end(0)); //为什么在Chrome中始终为0，而在Firefox中不是？
    videoDiv.currentTime = 5;
    console.log(videoDiv.currentTime); //为什么在Chrome中也始终为0，而在Firefox中不是？
  });

请注意，只需调用videoDiv.play()确实能在两个浏览器中正确播放视频。

此外，在电影文件完全加载后，videoDiv.buffered.end(0)在两个浏览器中也能给出正确的值。

0