Html5插入視頻

html5的視頻支持格式：

就是這三個，可以秒殺除IE7-8外的所有瀏覽器。

第一，MP4，H264+AAC
第二，OGV，Ogg Theora+Ogg Vorbis
第三，WEBM，VP8

備註：mp4有3種編碼，mpg4(xdiv),mpg4(xvid)，avc(h264)，但是html5只支持avc(h264)編碼，所以用格式工廠轉換時要注意

 <video poster='/Public/images/video2.png' width = '550' height='400' controls preload>
   <source src="/Public/images/index.mp4" media=" only screen and (min-device-width:568px)"></source>
</video>

備註：

1、可以設置src也可以用source替換。Source可以設置多份源文件的音頻播放器。瀏覽器應該選擇它所支持的文件（提高兼容性）

有的時候關閉了播放視頻的彈窗，視頻繼續播放，需要用js觸發關閉視頻

html代碼

<button class="md-close" οnclick="playPause()">關閉</button>

js代碼

<script type="text/javascript">
function playPause() {
  var myVideo = document.getElementsByTagName('video')[0];
    if (myVideo.paused){
		
      myVideo.play();
	  
     }else{
          myVideo.pause();
     }
}
   
</script>