DIV CSS 佈局教程網

Html5的video標簽是Html5的一大特色。遺憾的是大多數浏覽器不支持或者支持的格式很少。

早就有沖動把這些整理下，今天終於抽出幾個小時時間

video標簽的寫法。

寫法一：

<video src="test.mp4">您的浏覽器不支持video標簽</video>

寫法二：

<video>

<source src="test.3gp">

您的浏覽器不支持video標簽

<video>

因為現階段不同的浏覽器支持的視頻格式是不同的，當我們有多種格式的視頻樣式的時候，我們會用第二種寫法來做兼容調試。

video標簽支持的屬性和分別的意義

autoplay="autoplay"    視頻就緒後馬上播放

controls="controls"       顯示視頻控制條

height,width                  控制視頻的寬高

loop=“loop”                   是否循環播放

preload="preload"         視頻在頁面加載時進行加載，當存在autopaly屬性時，這個屬性就被忽略掉。

src=""                            要播放視頻的URL

不同浏覽器對video標簽的支持

3gp格式         無桌面浏覽器支持

MP4格式         僅Chrome浏覽器支持

ogv格式          Chrome浏覽器和Opera浏覽器支持

實際上現在應用Html5的標簽的浏覽器基礎還不成熟，所以我認為Html5會首先在移動3G平台上得到推廣，至少少了兼容性的問題。

於是我用蘋果機模擬iPad做了測試，

結果發現，iPad支持3gp格式，不支持ogv格式和MP4格式。