我正在将视频和音频保存到我的AWS云存储中。
当我在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元素时,我是否忽略了什么?
最佳答案
您的视频文件已损坏
请参阅:https://gyazo.com/9631bad0402d8b3870fd4aee0b84fe52
编辑
看来这实际上与S3提供文件的方式有关。我将文件重新托管在自己的服务器上,并没有问题地进行了尝试。
再次编辑
这是gzip编码。似乎浏览器不喜欢播放已压缩传输的视频。
关于html - 媒体不能在<视频>和<音频>中播放,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36327998/