目前浏览器也都支持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 不然还是加载失败。