循环播放HTML 5视频

时间:2016-02-11 02:34:26

标签: html5 google-chrome html5-video

使用媒体播放器播放视频时无缝循环播放。它不是口吃的视频文件。我不能为我的生活找到解决方案。

我在这里设置了一个jsfiddle:

https://jsfiddle.net/Dillybob/to30r7rv/4/

(请加载几秒钟,我使用免费托管帐户)

 <video id="video1" width="1280" height="973" autoplay="true" loop="true">
   <source src="http://dillybob.byethost14.com/background.webm" type="video/mp4">
 </video>

问题:

视频长约17秒。等到 16 秒过去,然后盯着视频,你会发现一个微小的100-300毫秒,然后冻结了#39;在它开始下一个循环之前。

编辑:我在Firefox上对此进行了测试,它也做了同样的事情,但冻结时间并不长。我还测试了一个非常低质量.webm版本的视频(大小约2MB),冻结似乎更短......但你仍然可以注意到它。我认为这是一个视频文件大小问题w / looping也许?

1 个答案:

答案 0 :(得分:0)

您的工作代码在这里:

<video id="video1" width="1280" height="973" controls autoplay loop>
<source src="http://dillybob.byethost14.com/background.webm" type="video/webm">
</video>

你的错误是:

  1. 视频类型错误
  2. 循环本身就是布尔值所以它应该只在XHTML中明确定义,因为禁止属性最小化
  3. 干杯:)