0

我的测试页面中有以下 HTML5 视频元素：

<video width="1280" height="720" loop="loop">
  <source src="http://d1dsyb3mv0b0i6.cloudfront.net/test/lines.mp4" type="video/mp4" />
  Your browser does not support the video element.
</video>

我希望它循环播放，所以我设置了loop="loop"（我也简单地尝试loop了），但由于某种原因，Chrome 23 在结束时不会重新启动视频。我专门将视频移至 Cloudfront 下载分发版，以获得服务器上的部分内容请求支持，这应该是 Chrome 执行循环播放所必需的，但不幸的是，这似乎没有什么不同。请注意，在 Safari 中一切正常。再说一次，Safari 循环播放本地视频文件也没有问题，因此它不需要支持部分内容请求的服务器。

它似乎与 Cloudfront 相关，因为这部电影确实循环正确：http://media.w3.org/2010/05/sintel/trailer.mp4.

有人有什么想法吗？

4

3 回答 3

2

您需要正确设置content-typeS3 对象上的元数据以反映文件的正确 MIME 类型。与其他浏览器相比，Chrome 往往对此更加挑剔。

于 2012-12-20T14:07:08.480 回答
0

循环对我有用，但尝试用命令替换循环：

autoplay onended="this.currentTime=0"

或者

autoplay onended="this.load()"

第二个选项会在重新加载期间导致闪烁。第一个运行顺利，但 currentTime 的行为可能会有所不同，具体取决于其他设置。希望有效。

于 2014-09-16T19:11:35.590 回答
0

我也已经上传trailer.mp4到 Cloudfront (S3) 并且确实有效。这个 mp4 甚至可以在本地文件系统中工作，所以与我想的不同，我不需要专门从支持部分内容请求的服务器播放视频。因此，视频似乎与lines.mp4视频有所不同trailer.mp4。我很想知道有什么区别使这个视频不能被 Chrome 循环播放，而它在 Safari 中循环很好......

于 2012-12-20T14:04:35.280 回答