1:JS方式
使用html5media.js可以在所有浏览器上观看html5视频和音频文件,它弥补了低版本IE浏览器不支持<video>和<audio>标签,只需要载入html5media.js使用<video>和<audio>标签就能跨浏览器播放视频和音频。
a:在页面的head内部加入以下一行代码:
<script src="http://api.html5media.info/1.1.8/html5media.min.js"></script>
b:网页内容里添加以下代码(video标签的其他属性设置可自己视情况设置)
<video src="video.mp4" width="320" height="200" controls preload></video>
方式2:代码如下:(修改视频地址为自己有效视频地址即可)
<video controls="controls" preload="auto" poster="img/websiteIMG/appcat.png" width="683px" height="384px"> <source src="http://www.wolaizuo/b.mp4 " type="video/mp4"> <object type="application/x-shockwave-flash" data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" width="100%" height="100%"> <param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf"> <param name="allowFullScreen" value="true"> <param name="wmode" value="transparent"> <param name="flashVars" value="config={'playlist':['',{'url':'http://www.wolaizuo.com/b.mp4','autoPlay':true}]}"> <img alt="Big Buck Bunny" src="#" width="683px" height="384px" title="No video playback capabilities, please download the video below"> </object> <video>
注意:即使是MP4格式,也会因为视频编码格式问题无法兼容;