HTML5 Video標籤，html5video標籤

HTML5 Video標籤，html5video標籤

現代互連網中，我們大量的使用視頻，在HTML5定義中提供了一個統一的方式來展示視頻內容。

互連網視頻

現在互連網視頻大都使用Flash來實現。但是不同的瀏覽器可能使用不同的外掛程式。

HTML5定義了一個統一元素來指定視頻和音訊插入和顯示，如下： 精心開發5年的UI前端架構！

<video width="320" height="240" controls="controls" id="gbin1">  <source src="movie.mp4" type="video/mp4" />  <source src="movie.ogg" type="video/ogg" />  Your browser does not support the video tag.</video>

 

當然，如果必要我們也需要添加高度和寬度。如果高和寬設定後，頁面載入後針對這個視頻的地區的大小會預留出來。如果沒有相關高和寬的屬性，瀏覽器則不能正確預留顯示視頻地區。效果就是頁面載入過程中，頁面配置可能變化。

你應該在<video>和</video>元素內容間加入文字內容，這樣可以保證如果瀏覽器不支援video標籤。頁面能夠顯示正確的文字。

video標籤允許加入多個<source>元素。這些元素可以連結到不同的視頻檔案。當然，瀏覽器會使用第一個識別出的格式。

屬性

屬性	值	描述
autoplay	autoplay	如果出現該屬性，則視頻在就緒後馬上播放。
controls	controls	如果出現該屬性，則向使用者顯示控制項，比如播放按鈕。
height	pixels	設定視頻播放器的高度。
loop	loop	如果出現該屬性，則當媒介檔案完成播放後再次開始播放。
preload	preload	如果出現該屬性，則視頻在頁面載入時進行載入，並預備播放。 如果使用 "autoplay"，則忽略該屬性。
src	url	要播放的視頻的 URL。
width	pixels	設定視頻播放器的寬度。

視頻和音頻格式支援

目前，<video>標籤支援3類檔案格式 ：MP4， webM和Ogg。精心開發5年的UI前端架構！

HTML5裡video標籤支援什格式的視頻檔案？

不同的瀏覽器支援不同格式的視頻，比如Google mp4(H.264/AVC)的能直接放，360的和Google的一樣，Firefox的ogg格式的才可以放，IE7以上版本才支援video標籤 +.+
 
html5的video標籤播放視頻的時怎設定停止播放

停止的功能不就是暫停功能嗎？