我在 IE 上播放视频时遇到问题。
当我的 mp4 视频的路径是本地的时,它可以工作:
<video poster="myVideo.png" preload="none" controls="controls">
<source src="myVideo.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
<source src="myVideo.webm" type='video/webm; codecs="vp8, vorbis"' />
<source src="myVideo.ogv" type='video/ogg; codecs="theora, vorbis"' />
</video>
但如果它托管在这样的 URL 路径上,IE 不会播放视频:
<video poster="https://s3.amazonaws.com/assets/myVideo.png" preload="none" controls="controls">
<source src="https://s3.amazonaws.com/assets/myVideo.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
<source src="https://s3.amazonaws.com/assets/myVideo.webm" type='video/webm; codecs="vp8, vorbis"' />
<source src="https://s3.amazonaws.com/assets/myVideo.ogv" type='video/ogg; codecs="theora, vorbis"' />
</video>
可能是什么问题呢?
固定的:
确保在将视频文件保存到 S3 时,必须指定Content-Type
:
此外,要显示 IE 的海报,您还需要preload="none"
在 video 标签内: