HTML5 - 带有 Cloudfront 的 Amazon S3

Question

我有一个视频上传到 Amazon S3 服务器，我正在使用 Amazon cloudfront 将它托管在 http://d1cjzj1b4csf2b.cloudfront.net/test.mp4。我想使用 HTML5 标签和视频播放器播放视频。当我在本地托管 test.mp4 文件并使用下面的 HTML 代码时，它可以在我的浏览器中运行。但是，当我使用 Amazon Cloudfront 时它不起作用。我尝试将 Cloudfront 与 HLS 和 RTMP 流（以及 JWPlayer）一起使用，但两者都不起作用，因为亚马逊的文档非常糟糕。关于如何托管我的视频并将其嵌入页面的任何建议？我更喜欢简单的东西，但我显然可以尝试使用像 JWPlayer 这样的播放器。提前致谢。

<video controls>
  <source src="http://d1cjzj1b4csf2b.cloudfront.net/test.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>

Answer 1

提供的代码适用于 Chrome Win10。如果 url 添加到浏览器的地址栏，则您的 MP4 正在下载，因此很可能文件的 content-type 不在 header 中，或者它具有默认值 application/octet。

下载 CloudBerry Explorer Amazon S3 or use the console
安装或登录后，找到您的 MP4 并检查 content-type 并确保它是 video/mp4。
- 寻找允许您使用 CloudBerry 编辑 HTTP Headers 的选项。
- 在 S3 控制台中寻找元数据选项。
- 两者都可以通过 right-clicking 文件和打开首选项访问。
如果您将 CF 分发设置为使用 HTTPS 协议，则将 s 添加到您的 url 的 http

<video controls>
  <source src="http://d1cjzj1b4csf2b.cloudfront.net/test.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>

HTML5 - 带有 Cloudfront 的 Amazon S3

HTML5 - Amazon S3 with Cloudfront

html

amazon-web-services

video

amazon-s3

amazon-cloudfront