html5可以播放哪些格式的視頻

HTML5支持的視頻格式在HTML5中嵌入的視頻格式主要包括ogg、mpeg4、wehm等。

站在用戶(hù)的角度思考問(wèn)題，與客戶(hù)深入溝通，找到甕安網(wǎng)站設(shè)計(jì)與甕安網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗(yàn)，讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個(gè)性化、用戶(hù)體驗(yàn)好的作品，建站類(lèi)型包括：做網(wǎng)站、成都網(wǎng)站設(shè)計(jì)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、申請(qǐng)域名、網(wǎng)站空間、企業(yè)郵箱。業(yè)務(wù)覆蓋甕安地區(qū)。

具體介紹如下：

ogg：一種開(kāi)源的視頻封裝容器，其視頻文件擴(kuò)展名為ogg，里面可以封裝vobris音頻編碼或者theora視頻編碼，同時(shí)ogg文件也能將音頻編碼和視頻編碼進(jìn)行混合封裝。

mpeg4：目前最流行的視頻格式，其視頻文件擴(kuò)展名為mp4。

同等條件下，mpeg4格式的視頻質(zhì)量較好，但它的專(zhuān)利被MPEG－LA公司控制，任何支持播放mpeg4視頻的設(shè)備，都必須有一張MPEG－LA頒發(fā)的許可證。

擴(kuò)展資料：

1、視頻格式是視頻播放軟件為了能夠播放視頻文件而賦予視頻文件的一種識(shí)別符號(hào)。

2、3GP是一種3G流媒體的視頻編碼格式，主要是為了配合3G網(wǎng)絡(luò)的高傳輸速度而開(kāi)發(fā)的，也是目前手機(jī)中最為常見(jiàn)的一種視頻格式。

3、MPEG（運(yùn)動(dòng)圖像專(zhuān)家組）是Motion Picture Experts Group 的縮寫(xiě)，這類(lèi)格式包括了MPEG－1，MPEG－2和MPEG－4在內(nèi)的多種視頻格式。

4、AVI，音頻視頻交錯(cuò)（Audio Video Interleaved）的英文縮寫(xiě)，AVI這個(gè)由微軟公司發(fā)布的視頻格式，在視頻領(lǐng)域可以說(shuō)是最悠久的格式之一。

5、一種獨(dú)立于編碼方式的在Internet上實(shí)時(shí)傳播多媒體的技術(shù)標(biāo)準(zhǔn)，Microsoft公司希望用其取代QuickTime之類(lèi)的技術(shù)標(biāo)準(zhǔn)以及WAV、AVI之類(lèi)的文件擴(kuò)展名。

IOS開(kāi)發(fā)中HTML5到底需要多少種編碼格式

IOS開(kāi)發(fā)中HTML5到底需要多少種編碼格式是本文要介紹的內(nèi)容，主要是來(lái)了解HTML5到底需要多少編碼格式才能支撐的起來(lái)，來(lái)看詳細(xì)內(nèi)容。

HTML5 的 video 標(biāo)簽真的很威武，幾乎所有的主流瀏覽器可以直接提供本地的視頻播放功能，相對(duì)于以前通過(guò) Flash 這種類(lèi)似“中繼”的播放方式，要先進(jìn)很多。同時(shí)也為一些不支持 Flash 播放的移動(dòng)設(shè)備帶來(lái)的希望。

也許，你會(huì)因?yàn)?video 標(biāo)簽可以支持到的視頻種類(lèi)而感到困惑。嗯，到底為了實(shí)現(xiàn) HTML5 的特性，到底要轉(zhuǎn)換多少種編碼格式的視頻？WebM，Ogg 還是 MP4？那…iPhone 和 Android 又需要哪種編碼格式？如果我還要提供高、中、低三種碼率的視頻呢？

下面就來(lái)看看到底 HTML5 video 標(biāo)簽的詳細(xì)情況吧。

關(guān)于 Web 格式

目前來(lái)說(shuō)，廣泛被瀏覽器支持的的視頻編碼格式總共有三種，但是沒(méi)有一種可以達(dá)到通吃所有瀏覽器的境界。所以對(duì)于同一個(gè)視頻，至少需要兩種格式，才能在所有瀏覽器里播放。

首先要選擇一個(gè)被支持最多的視頻格式，那么就是 MP4 H.264 這個(gè)組合了，音頻方面則是 AAC 或者 MP3。MP4 封裝的視頻，可以在 Safari、Chrome 和 IE9 里播放（悲劇的是 IE9 只支持 Windows Vsita 和 Windows 7）。同時(shí)，這個(gè)組合也是你通過(guò) Flash 來(lái)作為播放器播放的最好選擇了，同時(shí)這個(gè)組合也可以在很多手持設(shè)備上播放，比如 iOS、Android、Blackberry、PSP、PS3 等等。在 H.264 編碼的時(shí)候，可以選擇 “High Profile” 以獲得最好的編碼質(zhì)量，或者 “Baseline” 來(lái)應(yīng)對(duì)一些移動(dòng)設(shè)備。

除此之外，還有兩個(gè)組合，WebM VP8 和 Ogg Theora Vorbis 來(lái)滿(mǎn)足其他的瀏覽器。WebM 可以在 Firefox（4.0 ）、Chrome（6.0 ）和 Opera（10.60 ）中播放；Ogg 可以在 Firefox（3.5 ）、Chrome（3.0 ）和 Opera（10.54 ）中播放。

那么問(wèn)題又來(lái)了，如果要從中選擇一個(gè)，是 Ogg 呢，還是 WebM 呢？

從我們（Zencoder）來(lái)看，WebM 肯定是未來(lái)開(kāi)放式視頻格式的領(lǐng)跑者，VP8 比起 Theora 來(lái)說(shuō)，要更加的優(yōu)秀，而且還有強(qiáng)大的社區(qū)作為其后盾，特別是 Google 的支持。

反過(guò)來(lái)看 Ogg，其最大的特點(diǎn)是她支持了 44.64% 的瀏覽器（譯者注：這里應(yīng)該是指瀏覽器分部率中，可以播放的比例），而 WebM 僅支持 9.35% 的瀏覽器。如果僅著眼于 2010 年 10 月，那么 Ogg 也是一個(gè)不錯(cuò)的選擇。如果你是為了未來(lái)的 1-2 年，那么WebM 似乎更有優(yōu)勢(shì)一些。

推薦：MP4 WebM 或者 Ogg 其中一種，當(dāng)然全部都編碼出來(lái)也可以 ^^。

關(guān)于移動(dòng)設(shè)備

和瀏覽器的情況一樣，在移動(dòng)設(shè)備上也沒(méi)有一個(gè)可以通吃全盤(pán)的編碼方案。不同的移動(dòng)設(shè)備有著不同的編碼標(biāo)準(zhǔn)，甚至比起瀏覽器領(lǐng)域來(lái)說(shuō)，更加的復(fù)雜。不過(guò)還是有一些方案可以讓你省不少精力的。

在這里你可以查看一個(gè)完整的移動(dòng)設(shè)備編碼列表。

1、現(xiàn)在絕大多數(shù)的移動(dòng)設(shè)備都支持 MP4/H.264。包括 iOS 系列的產(chǎn)品（iPhone、iPod、iPad、Apple TV 等），絕大多數(shù)的 Android 設(shè)備，新的黑莓手機(jī)。對(duì)于這類(lèi)設(shè)備，編碼的時(shí)候應(yīng)該選擇 “Baseline”。在分辨率上，對(duì)于 iOS 和 Android 設(shè)備，選擇不高于 640×480 的分辨率即可，對(duì)于黑莓系列手機(jī)，選擇不高于 480×360 的分辨率即可。

注意：可以在 iPhone 上播放的這類(lèi)編碼格式，同樣也可以在 HTML5（當(dāng)然僅僅是一部分瀏覽器） 或者 Flash 中播放。如果你怕麻煩或者想節(jié)省一些轉(zhuǎn)換花費(fèi)的時(shí)間，可以考慮選擇在編碼的時(shí)候，不高于 iOS 系列設(shè)備和 Android 系列設(shè)備的分辨率。如果你不怕麻煩，并且視頻在不同的碼率上表現(xiàn)差異很大，或者需要在電腦上有更清晰的表現(xiàn)，就多編碼出來(lái)幾個(gè)不同的碼率吧。

2、對(duì)于一些老的移動(dòng)設(shè)備，選擇 3GP/MPEG4。絕大多數(shù)的黑莓手機(jī)和一些 Android 的手機(jī)，都支持這種格式。同時(shí)，3GP 在 iPhone 和 iPod 上都可以播放。

3、關(guān)于 WebM，現(xiàn)在也許還不是一個(gè)好的選擇，雖然在一些 Android 的手機(jī)上已經(jīng)可以播放，但是支持還不是很廣泛。預(yù)計(jì)未來(lái) 1-2 年會(huì)有更多的支持 WebM 格式的手機(jī)。

推薦：怕麻煩則 MP4 格式，640×480 或者 480×360。不在乎編碼時(shí)間和存儲(chǔ)空間，就應(yīng)該選擇三種 MP4 編碼方案（480×360，640×480，720p “Main profile” ）

外加一到兩種 3GP 格式（320×240 或者 176×144），可以參考這份日志來(lái)獲取更加詳細(xì)的編碼參數(shù)。

關(guān)于多種比特率

有可能你在考慮，是不是要為帶寬很足的用戶(hù)準(zhǔn)備高比特率的視頻，并且為了照顧小帶寬的用戶(hù)，另外再準(zhǔn)備一份低比特率的視頻呢？如果你的用戶(hù)已經(jīng) 開(kāi)始在互聯(lián)網(wǎng)上觀看高清的視頻，那么為了迎合這類(lèi)用戶(hù)的習(xí)慣和用戶(hù)體驗(yàn)，那么答案則為是?？梢钥紤]提供 2-3 種不同比特率或者分辨率的視頻來(lái)滿(mǎn)足使用不同互聯(lián)網(wǎng)連接方式的用戶(hù)。比如提供一份 640×360 和 一份 1280×720 的選擇。未來(lái)我們會(huì)更多的討論這個(gè)問(wèn)題。

關(guān)于流媒體播放

本篇文章不討論關(guān)于流媒體的問(wèn)題，并且 RTMP（Flash）、Smooth Streaming（Silverlight）、HTTP Live Streaming（iOS）都要求特殊的視頻格式。這已經(jīng)超出了我們要討論的范圍了。未來(lái)將會(huì)有相關(guān)的文章進(jìn)行討論

結(jié)論

1、最低限度的支持 HTML5，應(yīng)該選擇 MP4 WebM 或者 Ogg 其中的至少一種，并且使用 Flash 來(lái)播放 MP4 以便提供向下兼容支持。

2、移動(dòng)設(shè)備方面，H.264/MP4 會(huì)讓你省心很多，如果可以提供 2-3 種不同分辨率和碼率的視頻，會(huì)大大增加兼容性。

建議

以下是關(guān)于所有類(lèi)型的視頻編碼方案建議，Zencoder 支持以下列出的所有編碼格式（廣告了…）

1、只為能播放

HTML5，F(xiàn)lash和移動(dòng)設(shè)備：MP4/H.264，使用 “Baseline” 編碼，480×360 或者 640×480

HTML5：WebM 或者 Ogg

2、更上一層樓

HTML5，F(xiàn)lash：MP4/H.264，“High profile” 編碼

HTML5：WebM

HTML5：Ogg

移動(dòng)設(shè)備：MP4/H.264，“Baseline profile” 編碼，分辨率 480×360 或者 640×480

3、我要支持所有設(shè)備和瀏覽器

HTML5，F(xiàn)lash：MP4/H.264，“High profile” 編碼

HTML5： WebM

HTML5：Ogg

移動(dòng)設(shè)備：MP4/H.264，“Baseline profile” 編碼，分辨率選擇 480×360 以便提供高兼容性

移動(dòng)設(shè)備：MP4/H.264，“Main profile” 編碼，分辨率 1280×720 以便支持新的設(shè)備（如 iPhone4、iPad 和 Apple TV）

移動(dòng)設(shè)備：3GP/MPEG4，分辨率320×240 和（或） 177×144 以便支持非智能手機(jī)。

HTML5的代碼標(biāo)準(zhǔn)格式是什么

你想問(wèn)的應(yīng)該是，在搭建一個(gè)HTML文件時(shí)，基本的文件結(jié)構(gòu)是什么樣子吧？

標(biāo)準(zhǔn)的HTML文件由“文檔聲明、文件頭、文件體”組成。

對(duì)于HTML5，文檔聲明也應(yīng)該采取HTML5.0的聲明方式，具體代碼如下：

!doctype html

html

head

meta charset="UTF-8"

titleHTML5學(xué)堂（碼匠） ?言成科技?聯(lián)合出品/title

meta name="viewport" content="width=device-width,user-scalable=no"

link rel="stylesheet" href="../css/reset.css"

/head

body

div具體內(nèi)容/div

/body

/html

在html標(biāo)簽當(dāng)中包含head標(biāo)簽和body標(biāo)簽兩種，而head標(biāo)簽表示的是文件頭，body標(biāo)簽表示文件體，文件頭當(dāng)中需要包含“字符編碼”（head標(biāo)簽中的第一行）、“標(biāo)題”（title標(biāo)簽）、“其他元信息”（除了字符編碼外的其他meta），而文件體當(dāng)中書(shū)寫(xiě)的具體代碼就是在網(wǎng)頁(yè)當(dāng)中會(huì)顯示的內(nèi)容。

此外，在文件頭部或文件體當(dāng)中還可以使用link標(biāo)簽引入CSS文件，或者使用script標(biāo)簽引入JS文件。

關(guān)于文檔聲明，在傳統(tǒng)的HTML4當(dāng)中，有另外三種聲明方法，請(qǐng)?jiān)斠?jiàn)《文檔聲明 DOCTYPE常見(jiàn)的文檔類(lèi)型》

HTML5究竟需要多少種視頻編碼格式

當(dāng)前，video 元素支持三種視頻格式：

Ogg = 帶有 Theora 視頻編碼和 Vorbis 音頻編碼的 Ogg 文件

MPEG4 = 帶有 H.264 視頻編碼和 AAC 音頻編碼的 MPEG 4 文件

WebM = 帶有 VP8 視頻編碼和 Vorbis 音頻編碼的 WebM 文件

為了HTML5，到底需要多少種編碼格式

目前來(lái)說(shuō)，廣泛被瀏覽器支持的的視頻編碼格式總共有三種，但是沒(méi)有一種可以達(dá)到通吃所有瀏覽器的境界。所以對(duì)于同一個(gè)視頻，至少需要兩種格式，才能在所有瀏覽器里播放。

首先要選擇一個(gè)被支持最多的視頻格式，那么就是 MP4 + H.264 這個(gè)組合了，音頻方面則是 AAC 或者 MP3。MP4 封裝的視頻，可以在 Safari、Chrome 和 IE9 里播放（悲劇的是 IE9 只支持 Windows Vsita 和 Windows 7）。同時(shí)，這個(gè)組合也是你通過(guò) Flash 來(lái)作為播放器播放的最好選擇了，同時(shí)這個(gè)組合也可以在很多手持設(shè)備上播放，比如 iOS、Android、Blackberry、PSP、PS3 等等。在 H.264 編碼的時(shí)候，可以選擇 “High Profile” 以獲得最好的編碼質(zhì)量，或者 “Baseline” 來(lái)應(yīng)對(duì)一些移動(dòng)設(shè)備。

除此之外，還有兩個(gè)組合，WebM + VP8 和 Ogg + Theora + Vorbis 來(lái)滿(mǎn)足其他的瀏覽器。WebM 可以在 Firefox（4.0+）、Chrome（6.0+）和 Opera（10.60+）中播放；Ogg 可以在 Firefox（3.5+）、Chrome（3.0+）和 Opera（10.54+）中播放。

本文標(biāo)題：html5編碼格式的簡(jiǎn)單介紹
路徑分享：http://jinyejixie.com/article4/dseohie.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供定制網(wǎng)站、品牌網(wǎng)站設(shè)計(jì)、面包屑導(dǎo)航、小程序開(kāi)發(fā)、網(wǎng)站設(shè)計(jì)公司、網(wǎng)站營(yíng)銷(xiāo)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)