HTML5视频不'；t加载前1-2秒的视频

我的网站上有一个

标签中的视频，源代码为.mp4

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

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

有人知道怎么回事吗

---

谢谢原因：

您的问题是

元素

宽度与视频长度的关系。由于您的视频只有10秒，
元素中的滚动条无法跳转到确切的起始位置，因为某些浏览器根据
元素的
宽度
和视频长度之间的比率错误地分割滚动条

可能的解决方案：

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

例如：

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

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

var video=document.getElementById（“myVideo”）；
video.onseek=函数（）{
if（video.currentTime）视频的长度是多少？它是10秒，视频元素的宽度是多少？width=“100%”如果我尝试嵌入到我想要的位置。如果我只是像没有宽度一样加载视频。谢谢你的回答。每个短于15秒的视频都有这个问题。很遗憾，你的解决方案不起作用。video.load（）解决了这个问题，但它每次都会加载视频，所以我想我不会使用它。所以我正在尝试…但非常感谢原因为什么不使用我的解决方案？它应该做你想要的事情…视频是从5个图像的幻灯片，每2秒更改一次。你的代码不知怎么从第二个图像开始，2秒，不知道为什么？