html - 媒体不能在<视频>和<音频>中播放

Question

我正在将视频和音频保存到我的AWS云存储中。

视频(.mp4格式)

音频(.m4a格式)

当我在HTML中插入标签时:

<video controls>
  <source type="video/mp4" src="https://s3-eu-west-1.amazonaws.com/hikebeat/video/hikebeat_56e997a92176868d8b3ef8c5_1458247689.mp4">
  Your browser does not support the video tag.
</video>

<audio controls>
  <source type="audio/mp4" src="https://s3-eu-west-1.amazonaws.com/hikebeat/audio/hikebeat_56e997a92176868d8b3ef8c5_1458245562.m4a">
  Your browser does not support the audio element.
</audio>

结果是 仅音频在浏览器中播放，视频不起作用。但是，当尝试手动下载视频时，可以在媒体软件中完美播放。

使用 <video>和 <audio> HTML5元素时，我是否忽略了什么？

Answer 1

您的视频文件已损坏

请参阅:https://gyazo.com/9631bad0402d8b3870fd4aee0b84fe52

编辑

看来这实际上与S3提供文件的方式有关。我将文件重新托管在自己的服务器上，并没有问题地进行了尝试。

再次编辑

这是gzip编码。似乎浏览器不喜欢播放已压缩传输的视频。