HTML5 视频自动播放循环 - 不需要的小延迟答案

【问题标题】：HTML5 Video Autoplay Loop - Unwanted small delayHTML5 视频自动播放循环 - 不需要的小延迟
【发布时间】：2017-05-18 11:52:51
【问题描述】：

我有一个关于循环播放 MP4 的问题。我有一些必须保持循环的小型 MP4 文件（这与“自动播放循环”配合得很好。但是，每次播放后，在再次播放之前似乎有很短的延迟。有没有办法避免这种情况？我的代码如下：

<div align="center">
<video autoplay loop class="img-responsive">
<source src="vid/01.mp4" type="video/mp4">
<source src="vid/01.webm" type="video/webm">
</video>
</div>

【问题讨论】：

在自动播放重置播放头时通常会有一小段延迟，尤其是当视频足够长以至于没有缓存时。当您对视频进行编码时，您是否选择了快速启动（或类似）以确保 MOOV 原子从默认（结束）重新定位到文件的开头

标签： html loops video delay autoplay

【解决方案1】：

通过海报态度，您可以在开始之前显示缩略图。

<video controls poster="/images/w3html5.gif">
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>

【讨论】：