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

Question

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

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

在移动设备上，不加载视频的第一〜2秒，用firefox和chrome尝试。

有人有一些想法有什么问题吗？

感谢

Answer 1

原因：

你的问题是<video>元素width属性格式与视频的长度。由于您的视频只有10秒，因此<video>元素中的滚动条无法跳转到确切的开始位置，因为某些浏览器根据<video>元素的width与视频长度之间的比率错误地将滚动条分段。

可能的解决办法：

添加JavaScript倒带电影到第0秒。您可以使用onseeked事件并检查用户是否试图寻找电影的开头，然后将视频的当前时间设置为0--这是确切的开始。

实施例：

var video = document.getElementById("myVideo"); 

video.onseeked = function() { 
    if (video.currentTime <= 2) 
     video.currentTime = 0; 
};