加速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介于0和视频的持续时间之间，您所拥有的代码就可以运行。但是，如果a）未加载视频或b）编码视频文件存在问题，则可能会遇到问题。

首先，确保浏览器无需任何Javascript控件即可播放视频和搜索。只需尝试在浏览器中打开文件，首先直接关闭硬盘驱动器，然后关闭网络。如果您无法使用本机控件进行搜索，则无法使用Javascript进行搜索。我有时会看到通过重新编码没有B-Frames的视频来解决错误。

接下来，查看您在尝试搜索时是否加载了视频。您可以通过向视频代码添加preload属性来加快速度。并确保在浏览器具有视频持续时间之前未启用滑块事件，方法是将滑块代码放在loadedmetadata事件中。