我在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"
: