A:video屬性:播放視訊
  1.autoplay: 自動播放
  2.controls: 控制條
  3.poster: 佔位圖片
  4..loop: 廣告視訊迴圈播放
  5.muted: 靜音
  6.preload: 預載入視訊和autoplay衝突
  7.height: 800px
  8.width: 300px
B:第二種格式 瀏覽器適配問題 三種適配格式
   <video>
       <source src = ""  type = "video/webm">  </source>
       <source src = ""  type = "video/mp4"> </source>
       <source src = ""  type = "video/ogg">    </source>
  </video>
  video播放視訊瀏覽器必須支援HTML5 用JS框架html5media

  audio播放音訊標籤和video基本一樣 但是屬性height/width/poster不能用

視訊標籤<video>
格式：
<video src="mage/NJ.jpg" autoplay="autoplay" controls=“controls” poster="image/NJ.jpg"  loop="loop"  preload="preload>
</video>
標籤屬性解析：
如果設定了autoplay屬性，那麼preload就會失效
autoplay:用於告訴viideo標籤是否需要播放視訊
controls:用於告訴viideo標籤是否需要顯示控制條（播放按鈕已經進度條等）
poster::用於告訴viideo標籤視訊沒有播放之前的佔位（顯示）圖片
loop：一般用於做廣告視訊，用於告訴video視訊播放完畢之後是否迴圈播放
muted:靜音

video標籤屬性：
src：用於高速video標籤需要播放的視訊地址
autoplay：用於高速video標籤是否需要自動播放視訊
control：用於高速video標籤是否需要顯示控制條
poster：用於高速video標籤視訊沒有播放之前顯示的佔位圖片
loop：一般用於做廣告視訊， 用於高速video標籤視訊播放外幣之後，是否需要迴圈播放
preload：預載入視訊，但是需要preload和autoplay相沖，如果設定了autoplay屬性，那麼preload屬性就會失效
muted：靜音
width：和img標籤中的一模一樣
height：

什麼是video標籤
作用:
   播放視訊
格式:
   <video src=""></video>
video標籤的屬性
src：用於告訴video標籤需要播放的視訊地址
autoplay：用於告訴video標籤是否需要自動播放視訊
controls：用於告訴video標籤是否顯示控制條
poster：用於告訴video標籤視訊沒有播放之前顯示的圖片
loop：一般用於做廣告視訊，用於告訴video標籤視訊播放完畢後是否需要迴圈播放
preload：預載入視訊，但是需要注意proload和auto相沖，如果設定了autoplay屬性，那麼proload屬性失效
unted：靜音的功能

格式2的由來：
由於視訊資料非常非常重要，所以五大瀏覽器廠商都不願意支援別人的視訊格式，所以導致沒有一種視訊格式是所有瀏覽器都支援的。這個時候，W3C為了解決這個問題，所以推出了第2種格式
video支援3種視訊格式，可以通過source標籤指定三種不同的視訊格式，那麼播放的時候，就會從三種格式中選擇一種支援的播放。

video標籤的第二種格式
<video>
      <source src="" type=""></source>
      <source src="" type=""></source>
</video>


由於視訊資料非常非常重要，所以五大瀏覽器常山都不願意支援別人的視訊格式，所以導致了沒有一種視訊給事是所有瀏覽器都支援的，這個時候W3C為了解決這個問題，所以推出了第二個video標籤的格式
video標籤的第二種格式存在的意義就是為了解決瀏覽器適配問題

當前通過video第二種格式，雖然所有瀏覽器都支援的視訊格式，但是顯然所有瀏覽器都通過video標籤播放視訊還有個前提條件，就是瀏覽器必須支援h5標籤，否則同樣無法播放；
通過js框架html5media來實現

當前video標籤的第2種格式雖然能夠指定所有瀏覽器都支援的視訊格式，但是還瀏覽器需要支援video標籤，支援HTML5標籤；否則同樣無法播放。為了讓過去的一些不支援video標籤的瀏覽器版本能夠播放視訊，需要通過JS框架（html5media框架）