一、HTML5 Video 視頻格式與瀏覽器的支持情況
當前， <video> 元素支持三種視頻格式： MP4, WebM, 和 Ogg:
| 瀏覽器 | MP4 | WebM | Ogg |
|---|---|---|---|
| Internet Explorer | YES | NO | NO |
| Chrome | YES | YES | YES |
| Firefox | YES | YES | YES |
| Safari | YES | NO | NO |
| Opera | YES (從 Opera 25 起) | YES | YES |
- MP4 = 帶有 H.264 視頻編碼和 AAC 音頻編碼的 MPEG 4 文件
- WebM = 帶有 VP8 視頻編碼和 Vorbis 音頻編碼的 WebM 文件
- Ogg = 帶有 Theora 視頻編碼和 Vorbis 音頻編碼的 Ogg 文件
視頻格式
| 格式 | MIME-type |
|---|---|
| MP4 | video/mp4 |
| WebM | video/webm |
| Ogg | video/ogg |
二、瀏覽器通用的視頻播放編碼要求
瀏覽器對mp4的編碼方式要求的非常嚴格
視頻編碼必須是 H.264
音頻編碼必須是: AAC
三、AVC (H.264)編碼詳細介紹
MPEG-4 規範套件的高級視頻編碼（AVC）標準由相同的 ITU H.264 規範和 MPEG-4 Part 10 規範指定。
它是一種基於運動補償的編解碼器，如今廣泛用於各種媒體，包括廣播電視、RTP (en-US) 視頻會議以及藍光光盤的視頻編解碼器。
AVC 高度靈活，具有許多不同功能的配置文件；例如，Constrained Baseline Profile 設計用於視頻會議和移動場景，使用的帶寬少於 Main Profile（在某些地區用於標清數字電視）或 High Profile（用於藍光光盤視頻） .大多數配置文件使用 8 位顏色分量和 4:2:0 色度二次採樣；High 10 Profile 增加了對 10 位顏色的支持，High 10 的高級形式增加了 4:2:2 和 4:4:4 色度二次採樣。
AVC 還具有特殊功能，例如支持同一場景的多個視圖（多視圖視頻編碼），它允許製作立體視頻等。
然而，AVC 是一種專有格式，其技術的衆多專利由多方擁有。AVC 媒體的商業使用需要許可證，但 MPEG LA 專利池不需要爲以 AVC 格式流式傳輸的互聯網視頻收取許可證費用，只要視頻對最終用戶免費即可。
WebRTC 的非 Web 瀏覽器實現（任何不包括 JavaScript API 的實現）都需要支持 AVC 作爲 WebRTC 調用中的編解碼器。雖然 Web 瀏覽器不需要這樣做，但有些需要這樣做。
在 Web 瀏覽器的 HTML 內容中，AVC 具有廣泛的兼容性，並且許多平臺支持 AVC 媒體的硬件編碼和解碼。但是，在你的項目中選擇使用 AVC 之前，請注意其許可要求！
瀏覽器支持：
| 特徵 | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|---|
| AVC/H.264 支持 | 4 | 12 | 35 | 9 | 25 | 3.2 |
Firefox 對 AVC 的支持取決於操作系統內置或預裝的 AVC 編解碼器及其容器，以避免專利問題。
更多：