H5标签video兼容IE8

时间:2022-11-01 22:10:12

目前浏览器也都支持H5的Video视频播放,代码如下:

 <video src="/upload/2017/4/0/201704201327461813d32.mp4" controls="controls" 
 width="500" height="200"  poster="/upload/image/2017/4/9/201704201405045377af7.jpg">你的浏览器暂不支持,请升级浏览器。
 </video>

有时候低版本的浏览器还是需要支持的,比如IE8等,明显上面的代码是不支持,如何解决?

只有在低版本浏览器使用时再引用html5media文件,这样才能使用标签video,如果你直接引用:

<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
会发现报错,无法访问,这是因为网络的原因,你懂的。。。。

所以只能下载此文件,下载地址:http://download.csdn.net/detail/lilinoscar/9827425

引用:

<!--[if lte IE 8]>
 <script type="text/javascript" src="/Scripts/html5/html5media.min.js"></script>
<![endif]-->
就能解决问题,赶紧尝试一下吧!

记住要发布到IIS上,需要添加MIME类型,mp4的类型:.mp4  video/mp4  不然还是加载失败。