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

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

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

具體介紹如下：

ogg：一種開源的視頻封裝容器，其視頻文件擴展名為ogg，里面可以封裝vobris音頻編碼或者theora視頻編碼，同時ogg文件也能將音頻編碼和視頻編碼進行混合封裝。

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

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

擴展資料：

1、視頻格式是視頻播放軟件為了能夠播放視頻文件而賦予視頻文件的一種識別符號。

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

3、MPEG（運動圖像專家組）是Motion Picture Experts Group 的縮寫，這類格式包括了MPEG－1，MPEG－2和MPEG－4在內的多種視頻格式。

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

5、一種獨立于編碼方式的在Internet上實時傳播多媒體的技術標準，Microsoft公司希望用其取代QuickTime之類的技術標準以及WAV、AVI之類的文件擴展名。

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

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

HTML5 的 video 標簽真的很威武，幾乎所有的主流瀏覽器可以直接提供本地的視頻播放功能，相對于以前通過 Flash 這種類似“中繼”的播放方式，要先進很多。同時也為一些不支持 Flash 播放的移動設備帶來的希望。

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

下面就來看看到底 HTML5 video 標簽的詳細情況吧。

關于 Web 格式

目前來說，廣泛被瀏覽器支持的的視頻編碼格式總共有三種，但是沒有一種可以達到通吃所有瀏覽器的境界。所以對于同一個視頻，至少需要兩種格式，才能在所有瀏覽器里播放。

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

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

那么問題又來了，如果要從中選擇一個，是 Ogg 呢，還是 WebM 呢？

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

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

推薦：MP4 WebM 或者 Ogg 其中一種，當然全部都編碼出來也可以 ^^。

關于移動設備

和瀏覽器的情況一樣，在移動設備上也沒有一個可以通吃全盤的編碼方案。不同的移動設備有著不同的編碼標準，甚至比起瀏覽器領域來說，更加的復雜。不過還是有一些方案可以讓你省不少精力的。

在這里你可以查看一個完整的移動設備編碼列表。

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

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

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

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

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

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

關于多種比特率

有可能你在考慮，是不是要為帶寬很足的用戶準備高比特率的視頻，并且為了照顧小帶寬的用戶，另外再準備一份低比特率的視頻呢？如果你的用戶已經 開始在互聯(lián)網上觀看高清的視頻，那么為了迎合這類用戶的習慣和用戶體驗，那么答案則為是。可以考慮提供 2-3 種不同比特率或者分辨率的視頻來滿足使用不同互聯(lián)網連接方式的用戶。比如提供一份 640×360 和 一份 1280×720 的選擇。未來我們會更多的討論這個問題。

關于流媒體播放

本篇文章不討論關于流媒體的問題，并且 RTMP（Flash）、Smooth Streaming（Silverlight）、HTTP Live Streaming（iOS）都要求特殊的視頻格式。這已經超出了我們要討論的范圍了。未來將會有相關的文章進行討論

結論

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

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

建議

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

1、只為能播放

HTML5，F(xiàn)lash和移動設備：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

移動設備：MP4/H.264，“Baseline profile” 編碼，分辨率 480×360 或者 640×480

3、我要支持所有設備和瀏覽器

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

HTML5： WebM

HTML5：Ogg

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

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

移動設備：3GP/MPEG4，分辨率320×240 和（或） 177×144 以便支持非智能手機。

HTML5的代碼標準格式是什么

你想問的應該是，在搭建一個HTML文件時，基本的文件結構是什么樣子吧？

標準的HTML文件由“文檔聲明、文件頭、文件體”組成。

對于HTML5，文檔聲明也應該采取HTML5.0的聲明方式，具體代碼如下：

!doctype html

html

head

meta charset="UTF-8"

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

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

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

/head

body

div具體內容/div

/body

/html

在html標簽當中包含head標簽和body標簽兩種，而head標簽表示的是文件頭，body標簽表示文件體，文件頭當中需要包含“字符編碼”（head標簽中的第一行）、“標題”（title標簽）、“其他元信息”（除了字符編碼外的其他meta），而文件體當中書寫的具體代碼就是在網頁當中會顯示的內容。

此外，在文件頭部或文件體當中還可以使用link標簽引入CSS文件，或者使用script標簽引入JS文件。

關于文檔聲明，在傳統(tǒng)的HTML4當中，有另外三種聲明方法，請詳見《文檔聲明 DOCTYPE常見的文檔類型》

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

當前，video 元素支持三種視頻格式：

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

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

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

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

目前來說，廣泛被瀏覽器支持的的視頻編碼格式總共有三種，但是沒有一種可以達到通吃所有瀏覽器的境界。所以對于同一個視頻，至少需要兩種格式，才能在所有瀏覽器里播放。

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

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

本文標題：html5編碼格式的簡單介紹
路徑分享：http://chinadenli.net/article4/dseohie.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供定制網站、品牌網站設計、面包屑導航、小程序開發(fā)、網站設計公司、網站營銷

廣告

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