HTML5里video標(biāo)簽支持哪些格式的視頻文件？

一共支持三種格式: Ogg、MPEG4、WebM。

創(chuàng)新互聯(lián)公司：自2013年創(chuàng)立以來為各行業(yè)開拓出企業(yè)自己的“網(wǎng)站建設(shè)”服務(wù)，為上千公司企業(yè)提供了專業(yè)的成都網(wǎng)站建設(shè)、網(wǎng)站制作、網(wǎng)頁(yè)設(shè)計(jì)和網(wǎng)站推廣服務(wù)， 按需策劃設(shè)計(jì)由設(shè)計(jì)師親自精心設(shè)計(jì)，設(shè)計(jì)的效果完全按照客戶的要求，并適當(dāng)?shù)奶岢龊侠淼慕ㄗh，擁有的視覺效果，策劃師分析客戶的同行競(jìng)爭(zhēng)對(duì)手，根據(jù)客戶的實(shí)際情況給出合理的網(wǎng)站構(gòu)架，制作客戶同行業(yè)具有領(lǐng)先地位的。

HTML5是構(gòu)建Web內(nèi)容的一種語(yǔ)言描述方式。HTML5是互聯(lián)網(wǎng)的下一代標(biāo)準(zhǔn)，是構(gòu)建以及呈現(xiàn)互聯(lián)網(wǎng)內(nèi)容的一種語(yǔ)言方式．被認(rèn)為是互聯(lián)網(wǎng)的核心技術(shù)之一。HTML產(chǎn)生于1990年，1997年HTML4成為互聯(lián)網(wǎng)標(biāo)準(zhǔn)，并廣泛應(yīng)用于互聯(lián)網(wǎng)應(yīng)用的開發(fā)。

HTML5是Web中核心語(yǔ)言HTML的規(guī)范，用戶使用任何手段進(jìn)行網(wǎng)頁(yè)瀏覽時(shí)看到的內(nèi)容原本都是HTML格式的，在瀏覽器中通過一些技術(shù)處理將其轉(zhuǎn)換成為了可識(shí)別的信息。

HTML5在從前HTML4.01的基礎(chǔ)上進(jìn)行了一定的改進(jìn)，雖然技術(shù)人員在開發(fā)過程中可能不會(huì)將這些新技術(shù)投入應(yīng)用，但是對(duì)于該種技術(shù)的新特性，網(wǎng)站開發(fā)技術(shù)人員是必須要有所了解的。

HTML5 是HyperText Markup Language 5 的縮寫，HTML5技術(shù)結(jié)合了 HTML4.01 的相關(guān)標(biāo)準(zhǔn)并革新，符合現(xiàn)代網(wǎng)絡(luò)發(fā)展要求，在 2008 年正式發(fā)布。HTML5 由不同的技術(shù)構(gòu)成，其在互聯(lián)網(wǎng)中得到了非常廣泛的應(yīng)用，提供更多增強(qiáng)網(wǎng)絡(luò)應(yīng)用的標(biāo)準(zhǔn)機(jī)。

與傳統(tǒng)的技術(shù)相比，HTML5 的語(yǔ)法特征更加明顯，并且結(jié)合了SVG的內(nèi)容。這些內(nèi)容在網(wǎng)頁(yè)中使用可以更加便捷地處理多媒體內(nèi)容，而且 HTML5中還結(jié)合了其他元素，對(duì)原有的功能進(jìn)行調(diào)整和修改，進(jìn)行標(biāo)準(zhǔn)化工作。HTML5 在 2012 年已形成了穩(wěn)定的版本。

您的瀏覽器不支持HTML5 VIDEO

html5的video標(biāo)簽只有部分瀏覽器支持，對(duì)于IE只有9.0+以上的版本才支持，所以對(duì)于視頻播放要做兼容，下載所需要的源文件：html5media.min.js，flowplayer.controls.swfflowplayer.swf即可解決。詳細(xì)步驟：

1、首先下載所需要的源文件：html5media.min.js，flowplayer.controls.swfflowplayer.swf。

2、然后將解壓后的js文檔和swf文檔放在同一目錄下，在head部分引入js文檔，

3、然后在要引入視頻的位置放入video標(biāo)簽，通常放置在div內(nèi)

4、width:為視頻播放寬度，height：為視頻播放高度，如果視頻大笑適中這里可以不設(shè)置，播放器會(huì)自動(dòng)加載視頻的原始大小。

如果視頻原始大小太大，但不清楚比例，可以只設(shè)置高度或者寬度。另外一個(gè)設(shè)置為auto自動(dòng)適應(yīng)，這樣視頻不會(huì)變形。

如果想要視頻自動(dòng)播放，可在video標(biāo)簽中加入autoplay標(biāo)簽。

5、src為視頻源文件的路徑，poster為視頻播放前顯示的圖片。為播放切換的自然，這里可以設(shè)置成視頻播放的第一個(gè)畫面截圖。

preload：為預(yù)加載視頻，設(shè)置為auto代表自動(dòng)加載。

source標(biāo)簽可以省略，但是video標(biāo)簽內(nèi)的src屬性不能省略，如果省略，在IE瀏覽器中會(huì)報(bào)錯(cuò)。

所以最后精簡(jiǎn)后的源碼可以如下圖所示這樣。

6、如果調(diào)試過程中，其他瀏覽器沒有問題，但是ie總是有問題的話，清空ie瀏覽器的緩存再調(diào)試。清空緩存步驟如下，先找到Internet工具

7、進(jìn)入后，點(diǎn)擊瀏覽歷史下面的刪除按鈕。

8、清除如下內(nèi)容即可，完成后，再用IE刷新頁(yè)面。

html5 video標(biāo)簽的用法

HTML 5 video 標(biāo)簽

定義和用法

video 標(biāo)簽定義視頻，比如電影片段或其他視頻流。

提示和注釋

提示：可以在開始標(biāo)簽和結(jié)束標(biāo)簽之間放置文本內(nèi)容，這樣老的瀏覽器就可以顯示出不支持該標(biāo)簽的信息。

屬性

實(shí)例

!--?一段簡(jiǎn)單的?HTML5?視頻：--

video?src="movie.ogg"?controls="controls"您的瀏覽器不支持?video?標(biāo)簽。/video