完全看懂YouTube HTML 5支援功能
歡迎再度來到電腦王正音班，請跟我唸一次「ㄧㄨ ㄊㄧㄨˋ ㄅㄜ˙」，不要再唸成「優吐必」，謝謝。YouTube已經很久沒有大新聞，不過最近動作頻頻，除了正式支援1080p的影片播放、加了一堆實驗室功能以及開始提供「線上租片」服務之外，最有話題性的，就是以HTML 5模式來播放影片了！http://cdn0.techbang.com.tw/system/images/12454/original/1b10f0099696964be5a7bab2d1978982bac633d5.jpg?1270482428
其實這沒有什麼好稀奇，HTML 5能播影片早就不是新聞，只是YouTube到了現在才支援，只要你的瀏覽器是Chrome或Safari就能看。實驗的方法很簡單，到這個網址點選「加入 HTML5 測試版」，就可以不再透過Flash Player來播放影片。http://cdn2.techbang.com.tw/system/images/12455/original/7b9dd10679e983409c31fe38225b3592022a8a1a.png?1270482429
上圖是HTML 5播放影片的截圖、下圖則是原本的Flash Player，可以看出畫質有明顯差異。
http://cdn0.techbang.com.tw/system/images/12456/original/00001c0b037b02f362ac98f05f9f26e1115f7d70.png?1270482429
使用HTML 5的最大好處是「兼容並蓄」，只需要一個標籤就能內嵌所有的影音格式。更精準一點的說法，關鍵並不是在HTML 5，而是在瀏覽器。http://cdn1.techbang.com.tw/system/images/12457/original/20e8e32cbbe49ff98dfc861f43e2e7562862b5a9.png?1270482430
上圖是舊式的內嵌影片物件寫法，必須宣告「Type」，下圖是HTML 5的示範，請注意中間那段提示文字是可以省略的，也就是還能更精簡。http://cdn3.techbang.com.tw/system/images/12458/original/8a94640d3c2d6f01dcae28bb5c4185c12fba33ec.png?1270482430
Firefox的死忠Fans一定有點嘔氣，明明剛出爐的版本「3.6」已經支援HTML 5了，為何卻不在YouTube的支援名單內？原因很簡單。HTML 5只是一個「標籤」，它不負責「解碼」，YouTube的影片格式是以H.264編碼，以往經由Flash Player的工作現在得交還瀏覽器自行處理，Firefox只支援自已力推的「Open Video」格式（也就是Ogg Theora編碼），無法處理H.264影片，Safari及主流智慧型行動裝置則剛好相反，只有「有容乃大」的Chrome全都支援。
隨著Chromium OS的問世，再遲鈍的業者也會意識到一件事實：瀏覽器市場這塊大餅已經愈做愈大，兼負著「雲端入口」的重責大任，下一代的網頁標準自然也是各家角力的目標。事實上，HTML 5並沒有規範「預設」支援的影音編碼格式，這是H.264及OGG Video兩派人馬「鷸蚌相爭」之下、「漁翁不爽」的結果（好啦，我以後不濫用成語了）。H.264授權是要錢的，但是已經有非常成熟的軟、硬體解碼器支持，是目前絕大部份YouTube訊源的既定格式，對有錢的Google來說不是問題。然而為了避免違背開源愛好原則、背叛形象，所以Chromium、Chrome同時支援兩種格式的影片編碼，不管未來路怎麼走，都是受惠者。
至於Safari是呼叫QuickTime來處理影片內容，QuickTime支援的官方格式從來就不多，更何況Apple對於「開放硬體解碼API」這件事一直維持保守態度，接受OGG對它一點好處都沒有。（有趣的是，現在你用iPhone的Safari開HTML 5頁面，同樣是無法觀看影片的，不過這又是另外一回事。）http://cdn3.techbang.com.tw/system/images/12459/original/e503e7cde4da26812dc1651071abcab1baff5937.png?1270482430各「大」瀏覽器平台的影片解碼能力比較表，表內瀏覽器皆為最新版本。 不錯，支持下
頁:
[1]