媒体无法在<video>和<audio>中播放

Question

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

• 视频（.mp4格式）
• 音频（.m4a格式）

当我在HTML中插入标签时：

＆＃13;

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

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

使用<video>和<audio> HTML5元素时，是否有一些我忽略的内容？

Answer 1

您的视频文件已损坏

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

修改

看起来实际上与S3提供文件的方式有关。我在我自己的服务器上重新托管了这个文件，没有问题就试了一下。

再次编辑

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