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）一起使用，但它们都不起作用，因为 Amazon 的文档非常糟糕。关于如何托管我的视频并将其嵌入页面的任何建议？我更喜欢简单的东西，但我显然可以尝试使用像 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不在标题中或具有默认值application/octet.

1. 下载CloudBerry Explorer Amazon S3的免费副本或使用控制台

2. 安装或登录后，找到您的 MP4 并检查content-type并确保它是video/mp4.

   • 寻找允许您HTTP Headers使用 CloudBerry进行编辑的选项。
   • 在 S3 控制台中查找元数据选项。
   • 两者都可以通过右键单击文件并打开首选项来访问。

3. 如果您设置您的CF分发使用HTTPS协议，然后添加s到您的网址http

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