IE8兼容html5视频播放

第一步：引入Script标签
<script src="http://api.html5media.info/1.1.8/html5media.min.js"></script>
第二步：编写html代码


<video controls="controls" style="width: 100%; height: 100%; background-color:
rgb(0, 0, 0);">     <source src="1.mp4" type="video/mp4" /> </video>

至此，确定视频文件的显示就搞定了。但是实际开发中经常动态添加video标签，而且src也是不定的，此时上述方式就不能够满足需求了，那么如何动态使用呢？下面上示例：



第一步：依旧引入script标签，没有什么问题

第二步：动态添加代码

首先html未添加之前代码：
<div class="testVideoClass">未添加视频</div>
动态添加代码：
$('.testVideoClass').append('<video src="1.mp4" width="320" height="200"
controls preload></video>');


第三步：调用html5media.min.js文件

注意：此时需要简单封装一个方法以便调用：
function showVideo(){//html5media.min.js中的代码复制粘贴}


第四步：数据动态添加完毕之后手动调用即可



以上是我处理ie8播放视频使用的方法，希望各位大牛有新的方法的话多多指点，小弟不胜感激！技术拙劣大牛勿喷，谢谢！

• « 上一篇：DLib完成人脸识别项目详细说明
• » 下一篇：KVM最初的2小时——KVM从入门到放弃(修订版)