html5media兼容IE8下的video标签,在使用中的坑
html5下的video标签可以插入视频,但是在ie8下并不兼容,这里可以使用html5media来解决兼容性问题。
在作者的使用中,遇到了一些坑,在这里记录一下。
基本使用方法
- 在标签插入如下代码:
<script src="//api.html5media.info/1.2.2/html5media.min.js"></script>
- 在正文中插入视频代码:
<video src="video.mp4" width="320" height="200" controls preload></video>
具体演示可以参考官网演示地址:https://html5media.info
ok,看起来代码很简单对不对。下面就来聊一聊这里的坑。
本地化服务
假如你的服务是个内网环境不能连接外网,那么你需要把js下载到本地。但是你如果以为只下载一个js就能管用的话,那么恭喜你踩到了第一个坑。
实际上,你需要把那个js下的所有文件都下载到本地才行。
这里给一个最新版本的开源地址: