在 HTML5 标準中, 我們有了新的 <audio> 和 <video> 标簽, 分别可以引入視訊和音頻檔案的标簽，那麼這些标簽又可以支援哪些檔案格式呢 ?
格式支援
視訊檔案格式
- MP4：MPEG-4 Part 14，支援H.264編碼。幾乎所有的浏覽器都支援該格式。
- WebM：谷歌開發的格式，使用VP8或VP9編碼，可以在大多數現代浏覽器中播放
- Ogg：開放媒體格式，使用Vorbis編碼，可以在大多數現代浏覽器中播放。
音頻檔案格式
- MP3：MPEG-1或MPEG-2 Audio Layer III，可以在幾乎所有的浏覽器中播放。
- AAC：Advanced Audio Coding，可以在大多數現代浏覽器中播放。
- Ogg：開放媒體格式，使用Vorbis編碼，可以在大多數現代浏覽器中播放。
- WAV：Waveform Audio File Format，可以在幾乎所有的浏覽器中播放，但檔案較大，不适合在網絡上播放。
如何處理相容
基礎使用
隻要使用 video 标簽的 src 屬性引入對應的檔案位址即可
相容使用
當我不确定目前浏覽器支援哪一個格式的檔案的時候，可以使用相容模式。不在 video 标簽上添加 src 屬性，而是直接在 video 标簽對内書寫 source 标簽來引入多種格式的檔案。
<video controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.webm" type="video/webm">
<source src="movie.ogg" type="video/ogg">
您的浏覽器不支援播放目前視訊, 請更換浏覽器再試
優先嘗試第一個 source 标簽的檔案引入, 如果浏覽器支援, 那麼後續不在引入，如果浏覽器不支援, 那麼開始嘗試第二個 source 标簽的檔案，以此類推, 如果所有 source 标簽的内容都不支援，那麼就顯示最後的那一行文本。這樣我們的相容問題就解決了，audio 标簽也是同樣一個道理。
視訊相容性
音頻相容性
小夥伴們如果想要學習和提升網際網路IT相關的技術，不妨可以評論留言告訴我們。有由我們非常優秀的300位講師結合企業需求參與研發，開發3000G的課程資源，涵蓋18個IT行業，包括前端、Java、Python、雲計算、軟體測試、大資料、遊戲開發、網絡安全、視訊剪輯等教程都可以免費學。