HTML5视频无法加载前1-2秒的视频

时间:2017-04-06 11:54:25

标签: html5 video html5-video

我的网站上的<video>标记中有一个带有.mp4源代码的视频。

在桌面Firefox上,它运行良好。 但是对于Chrome,如果我尝试将视频回放到开头,它会从约2秒的视频开始。

在移动设备上,不会加载视频的前~2秒,尝试使用firefox和chrome。

有人知道它有什么问题吗?

感谢

1 个答案:

答案 0 :(得分:0)

原因:

您的问题是<video>元素width与视频的长度有关。由于您的视频仅为10秒,因此<video>元素中的滚动条无法跳转到确切的开头,因为某些浏览器会根据<video>元素{{1}之间的比例对滚动条进行细分并且视频的长度不正确。

可能的解决方案:

添加Javascript以将电影倒回到第0秒。您可以使用width事件并检查用户是否尝试搜索电影的开头,然后将视频的当前时间设置为0 - 这是确切的开始。

示例:

onseeked