Question

有人可以解释为什么使用html5视频标签自动播放存储在Amazon S3上的相同视频（~1分钟/ 5MB文件）会有明显的延迟吗？

这是演示延迟的代码（您需要等待大约20秒才能启动第二个视频）：

<!DOCTYPE html>
<html>
  <body>
    <video autoplay="true" controls="true" src="https://s3-us-west-2.amazonaws.com/testbucket666/long_video_1.MOV"></video>
    <video autoplay="true" controls="true" src="https://s3-us-west-2.amazonaws.com/testbucket666/long_video_1.MOV"></video>
  </body>   
</html>

使用上面的代码，点击第一个视频上的暂停按钮将导致第二个视频立即开始播放。

另一方面，如果视频文件不同（但也是1分钟/约5MB文件），两个加载视频都会立即开始播放：

<!DOCTYPE html>
<html>
  <body>
    <video autoplay="true" controls="true" src="https://s3-us-west-2.amazonaws.com/testbucket666/long_video_1.MOV"></video>
    <video autoplay="true" controls="true" src="https://s3-us-west-2.amazonaws.com/testbucket666/long_video_2.MOV"></video>
  </body>   
</html>

正如另一个数据点，如果我加载两个较小的，相同的视频（~15秒，1.5MB文件），两者也会立即开始播放：

<!DOCTYPE html>
<html>
  <body>
    <video autoplay="true" controls="true" src="https://s3-us-west-2.amazonaws.com/testbucket666/short_video_1.MOV"></video>
    <video autoplay="true" controls="true" src="https://s3-us-west-2.amazonaws.com/testbucket666/short_video_1.MOV"></video>
  </body>   
</html>

当有人同时加载两个相同的长视频以及如何让它们立即启动时，有人可以解释延迟的原因吗？（可能会暂停播放每个视频一秒钟，然后暂停后续视频加载???）

Answer 1

由于您已经在使用S3，请使用cloudfront RTMP distributoion。您可以找到更多详细信息here

html5视频标签 - 延迟加载/播放视频

1 个答案: