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播放视频使用的方法，希望各位大牛有新的方法的话多多指点，小弟不胜感激！技术拙劣大牛勿喷，谢谢！