加速HTML5视频搜索？

Question

嘿，所有我想知道你们是否知道一些可以帮助我的技巧。我实现的是一个滑块，通过currentTime属性控制HTML5视频的查找位置。我想要发生的事情是，用户正在拖动视频实时更新的滑块。

我有作品，但视频播放器图像不会更新到每帧我设置当前时间。任何想法？

slide: function(e, ui){ 
    seeksliding = true; 
    $gVideo[0].currentTime = ui.value; 
}, 

Answer 1

现代浏览器一般都在寻求迅速非常好，甚至可以synchronize two or more videos using Javascript，具有同样的功能你描述点在哪里。 （围绕版本4-5的Firefox会花费几毫秒并失去同步，但现在好了。）

只要ui.value介于零和视频持续时间之间，您的代码应该可以正常工作。但是，如果a）视频未加载或b）编码的视频文件存在问题，则可能会遇到问题。

首先，确保浏览器可以播放视频，并寻找没有任何Javascript控件。只要尝试在浏览器中打开文件，首先直接关闭硬盘，然后关闭网络。如果你不能用本地控件寻找，你不能用Javascript来寻找。我有时会看到通过重新编码视频而无需B-Frames即可解决错误。

接下来，看看视频是否在您尝试寻找时加载。您可以通过将preload属性添加到视频标签来加快速度。通过将滑块代码放入loadedmetadata事件中，确保滑块事件在浏览器具有视频持续时间之前未启用。