嘿,我想知道你们是否知道一些可以帮助我的技巧.我实现的是一个滑块,通过currentTime属性控制HTML5视频的搜索位置.我想要发生的是用户正在拖动视频正在实时更新的滑块.
我有什么工作,但视频播放器图像不会更新到每帧,因为我设置当前时间.任何想法？
slide: function(e,ui){
seeksliding = true;
$gVideo[0].currentTime = ui.value;
},最佳答案
现代浏览器通常非常擅长快速搜索,甚至可以使用与您描述的功能相同的synchronize two or more videos using Javascript. (版本4-5左右的Firefox需要几毫秒的时间并失去同步,但现在它会更好.)
只要ui.value介于零和视频持续时间之间,您所拥有的代码就可以运行.但是,如果a)未加载视频或b)编码视频文件存在问题,则可能会遇到问题.
首先,确保浏览器可以播放视频并在没有任何Javascript控件的情况下进行搜索.只需尝试在浏览器中打开文件,首先直接关闭硬盘驱动器,然后关闭网络.如果您无法使用本机控件进行搜索,则无法使用Javascript进行搜索.我有时看到通过重新编码没有B-Frames的视频来解决错误.
接下来,查看您在尝试搜索时是否加载了视频.您可以通过向视频标记添加preload属性来加快速度.通过将滑块代码放在loadedMetadata事件中,确保在浏览器具有视频持续时间之前不启用滑块事件.
