2015.9-17js(让所有的浏览器支持html5视频video)

今天项目用到了html5的视频播放，用了公司同事用的html5media插件，可以让所有的浏览器支持video标签的视频播放，不过视频格式必须是MP4格式的H264编码，这样子在IE7/8下也是可以播放滴。不过IE7下不能点击视频里播放停止。firefox支持不太理想。

1.video标签的使用。

<video src="images/1.mp4"></video> 

IE低版本若出错，写绝对地址，带http的协议号

属性：

1.autoplay="autoplay"     视频在就绪后马上播放

2.controls="controls"      显示控件播放按钮

3.loop="loop"　　　　　　连续播放

4.preload="auto|metadata|none"   指示一旦页面加载，则开始加载音频。｜指示当页面加载后仅加载音频的元数据。｜指示页面加载后不应加载音频。

5.src=url　　　　　　　　url地址（视频地址）

6.poster=url　　　　　　 url地址（视频预览图）

 2.引用html5meida插件(官网https://html5media.info/)

 <script scr="http://api.html5media.info/1.1.8/html5media.min.js" type="text/javascript"></script>

这样子就可以直播实现video标签，主流浏览器都支持。

<div class="midea">
      <video class="playvideo" id="playvide" src="images/bjmagic.mp4" width="800" height="540" poster="/images/small_bjmagic.jpg" preload="metadata" controls="controls" ></video>

</div>

实现的原理大致是使用了flash技术，使用flash播放器嵌入视频的方式，使得IE及Firefox支持video标签。这个播放器称为flowplayer插件。

 3.js的控制播放暂停

function playORstop() {
   var nowPlay = $(".midea playvideo")[0];
   if(nowPlay != null){
　　  if(nowPlay.pause){
　　　　 nowPlay.paly();
　　  }else{
　　　　 nowPlay.pause();
　　  }
   }
}
$(".close").click(function () {
    var nowPlayVideo = $(".mideo .playvideo")[0];
    nowPlayVideo.pause();
});