【问题标题】:HTML5 video (HD) cannot loop gapless in ChromeHTML5 视频 (HD) 无法在 Chrome 中无缝循环
【发布时间】:2014-09-02 01:13:54
【问题描述】:

在 Chrome 中,如果视频是高清视频,则循环使用 loop 属性的 HTML5 视频会在每次循环后创建一个间隙。请参阅此小提琴以比较标清和高清视频:

http://jsfiddle.net/Pczx6/1/

注意每个循环结束时的冻结(视频只有 10 秒)。

有没有办法消除差距?

在 Safari 中,没有差距。在 Firefox 中,有一个,尽管我只使用通过带有 video.js 的 .swf 管道传输的 MP4 对其进行了测试——我想这不算是 HTML5 视频。

【问题讨论】:

    标签: html google-chrome video


    【解决方案1】:

    如果我错了,请纠正我,但我认为这是基于用户的网络连接。我正在运行光纤,它对我来说效果很好。它不会缓存视频的开头,我认为这是您的问题。我在使用 jQuery 时遇到了同样的问题,并将悬停时照片的 src 更改为长 gif 并返回。在它实际加载整个 gif 之前,我有很长的延迟。您可能想尝试不单独使用 html5,而使用

        <div id="hdvideo"><div>
    

    创建一个你喜欢的变量,然后尝试使用this

    -追逐

    【讨论】:

    • 它可能基于网络连接但它不应该:已经下载的视频不应该再次下载!
    【解决方案2】:

    问题在于 Vimeo 将视频 302 重定向到临时 URL。根据 Chromium 团队的一些人的说法,这个 302 重定向导致 Chrome 不缓存视频。在我提交的错误报告中查看他的回复:Chromium Issue 393190: HD HTML5 video does not loop seamlessly

    这解释了 Chrome 的行为。但是,它并不能解决问题。 Vimeo 重定向到的 URL 是临时的。我无法知道一个小时或一天后的 URL 是什么,所以我不能把它放在我的 &lt;video&gt; 元素的 src= 属性中。

    【讨论】:

      猜你喜欢
      • 2014-01-12
      • 2015-05-03
      • 1970-01-01
      • 2012-12-06
      • 2019-05-13
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-07-29
      相关资源
      最近更新 更多