HTML5視頻標籤video，html5標籤video

HTML5視頻標籤video，html5標籤video

現階段，我們要在網頁中嵌入視頻的最可靠最常用的辦法是使用Flash，通過使用object和embed標籤，就可以通過瀏覽器播放swf，flv等格式視頻檔案，但是前提是瀏覽器必須安裝第三方外掛程式：Adobe Flash Player。而HTML5的到來，改變了這一事實，WEB開發人員只需要使用video標籤就可以輕鬆載入視頻檔案，而不需要任何第三方外掛程式。

查看示範

未來的WEB將可以在任何終端，任何平台只需通過HTML5的<video>標籤就能實現載入視頻檔案。

WEB中的Video標籤

HTML5定義了一個新的元素用來指定標準的方式來插入視頻檔案到web頁面中：<video>標籤。使用video標籤可以控制視頻的播放與停止，迴圈播放，視頻尺寸等等，詳情請看下錶。

屬性	值	描述
autoplay	true | false	如果是 true，則視頻在就緒後馬上播放。
controls	true | false	如果是 true，則向使用者顯示控制項，比如播放按鈕。
height	像素	設定視頻播放器的高度。
loop	true | false	完成播放後再次開始播放，即迴圈播放
poster	url	當視頻未響應或緩衝不足時，該屬性值連結到一個映像。該映像將以一定比例被顯示出來
src	url	所播放視頻的 url。使用子項目 <source> 實現更好。
width	像素	設定視頻播放器的寬度。

目前支援<video>標籤的瀏覽器有：

IE9，Firefox， Opera，Chrome和Safari都支援<video>標籤。

注意：IE8和更早的版本，不支援<video>標籤。

如何使用Video

要在HTML5中播放視頻，需要在body中插入以下代碼：

由於舊的瀏覽器和Internet Explorer不支援<video>元素，考慮到相容性，我們必須為這些瀏覽器找到一個支援Flash檔案的解決方案。不幸的是，和HTML 5音頻一樣，涉及到視頻的檔案格式，Firefox 和 Safari/Chrome 的支援方式並不相同。因此，如果你想在這個時候使用HTML 5視頻，則需要建立三個視頻版本。

OGG，MP4，FLV/SWF

<video width="320" height="240" controls>   <!-- Firefox -->   <source src="mv.ogg" type="video/ogg" />    <!-- Safari/Chrome-->     <source src="mv.mp4" type="video/mp4" />    <!-- 如果瀏覽器不支援video標籤，則使用flash -->    <embed src="6 版本中，你可以全屏瀏覽；4、要明白 IE 載入 Flash 檔案的原因，是因為 IE 不能解釋 <video> 元素。然而，如果瀏覽器支援，則會期望載入合適的檔案