【问题标题】:How to make HTML5 video fully preloaded如何使 HTML5 视频完全预加载
【发布时间】:2016-11-07 10:39:15
【问题描述】:

我正在尝试制作跨浏览器的简单背景视频,当它完全加载时开始播放,但找不到解决方案。我知道readyState === 4,但它不会等到视频完全加载。有没有办法用经典的 JS(没有 jquery!)来做到这一点?谢谢!

【问题讨论】:

  • 你试过什么?你有什么问题?是跨浏览器的问题吗?让它看起来像背景是布局问题吗?您还没有设法弄清楚自动播放吗?
  • @Chetan 它没有回答我的问题 - 我需要完全预加载的视频。
  • @Quentin 我需要一个视频,只有在完全预加载后才能开始播放。
  • 你试过preload属性@biydacuk吗??

标签: javascript html html5-video


【解决方案1】:

有一个属性叫做 preload。你可以使用它。

<video src="video.mp4" preload></video>

【讨论】:

  • 如何检查视频是否已满载?
  • 你不需要检查它是否预加载。请参考这里的预加载属性 - developer.mozilla.org/en/docs/Web/HTML/Element/video
  • 另外,IE也不支持
  • 我确实需要检查它,因为我希望它在满载时开始播放。 preload 仅表示它应该开始加载文件,所以我需要检查它何时完成然后开始播放它
  • 我不明白您为什么需要预加载整个视频。您可以使用 autoplay + preload 属性来播放和预加载视频。否则只能使用自动播放属性
猜你喜欢
  • 2013-05-11
  • 2014-09-01
  • 2015-08-27
  • 2019-12-02
  • 1970-01-01
  • 2012-03-25
  • 1970-01-01
  • 2016-06-13
  • 1970-01-01
相关资源
最近更新 更多