完全看懂YouTube HTML 5支援功能

完全看懂YouTube HTML 5支援功能

ADVERTISEMENT

歡迎再度來到電腦王正音班,請跟我唸一次「ㄧㄨ ㄊㄧㄨˋ ㄅㄜ˙」,不要再唸成「優吐必」,謝謝。YouTube已經很久沒有大新聞,不過最近動作頻頻,除了正式支援1080p的影片播放、加了一堆實驗室功能以及開始提供「線上租片」服務之外,最有話題性的,就是以HTML 5模式來播放影片了!

完全看懂YouTube HTML 5支援功能

其實這沒有什麼好稀奇,HTML 5能播影片早就不是新聞,只是YouTube到了現在才支援,只要你的瀏覽器是Chrome或Safari就能看。實驗的方法很簡單,到這個網址點選「加入 HTML5 測試版」,就可以不再透過Flash Player來播放影片。

完全看懂YouTube HTML 5支援功能
上圖是HTML 5播放影片的截圖、下圖則是原本的Flash Player,可以看出畫質有明顯差異。
完全看懂YouTube HTML 5支援功能

使用HTML 5的最大好處是「兼容並蓄」,只需要一個標籤就能內嵌所有的影音格式。更精準一點的說法,關鍵並不是在HTML 5,而是在瀏覽器。

完全看懂YouTube HTML 5支援功能

上圖是舊式的內嵌影片物件寫法,必須宣告「Type」,下圖是HTML 5的示範,請注意中間那段提示文字是可以省略的,也就是還能更精簡。

完全看懂YouTube HTML 5支援功能

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頁面,同樣是無法觀看影片的,不過這又是另外一回事。)

完全看懂YouTube HTML 5支援功能

各「大」瀏覽器平台的影片解碼能力比較表,表內瀏覽器皆為最新版本。

誰說阿宅不溫柔
作者

大家好,我是T客邦的外稿編輯。除了寫稿之外,最常做的事是找人尻昇龍拳、釣泰國蝦,對還沒磨成醬的山葵過敏,欣賞的外國女星是娜塔莉波曼。

使用 Facebook 留言
Bf1ee2dc90b039fc931ffdb9efb5cc9b?size=48&default=wavatar
22.  steve (發表於 2010年7月06日 15:46)
誰說 iPhone 開 html5 video 不行? www.sup.com.tw/programs/index.php?prog_code=istyle 裡面的就都行
JackyCCC
24.  JackyCCC (發表於 2010年8月24日 15:19)
1080p用HTML5好卡(影像跟不上聲音...),flash還是比較成熟一些(而且它還寫硬體加速,但我CPU照樣跑70%)...IE,Who Cares?
E66bed040c8efc5cba1b8a2a8ef44645?size=48&default=wavatar
25.  w (發表於 2010年8月28日 12:25)
用注音來表示發音也滿蠢的
而且也不是唸ㄊㄧㄨˋ
要用注音表示也應該是ㄊㄨˋ
27a854f3e17c029c1a2d34cea8cb9ace?size=48&default=wavatar
27.  srxqqq (發表於 2011年5月14日 11:39)
IE 到底是什麼東西怎麼不快點滾出市場~

一直在利用消費者的無知賺錢
發表回應
謹慎發言,尊重彼此。按此展開留言規則