完全看懂YouTube HTML 5支援功能

作者：誰說阿宅不溫柔 發表於 2010-01-25 11:30

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

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


上圖是HTML 5播放影片的截圖、下圖則是原本的Flash Player，可以看出畫質有明顯差異。

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

上圖是舊式的內嵌影片物件寫法，必須宣告「Type」，下圖是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, h.264, html 5

相關文章

大家的回應

  • Avatar
    1.  請輸入你的暱稱 （發表於 2010-01-25 12:35）

    WHO CARES.............
  • Avatar
    2.  挖挖哇 （發表於 2010-01-25 14:01）

    這種規格就是「舊電腦」與「慢網路」的救星囉～

    Google加油，舊電腦多撐幾年，就對環保與地球暖化貢獻卓著呀～

    以後一定頒給你「終身成就獎」～XD
  • Avatar
    3.  Jacob （發表於 2010-01-25 14:32）

    我還是沒加入，等他畫質在好一點在說＠＠

    IE！？Who Care......
  • Avatar
    4.  kansir （發表於 2010-01-25 14:43）

    用HTML 5播放視頻，有啥特別？佔用資源沒有變少 <<- 是用少了的, Flash plugin用40% CPU,加上Safari的10%,即總共用50%. 但HTML5只需要約15%便可.對舊電腦來說分别好大.
    http://www.youtube.com/watch?v=6wRUFJ9TKWA
  • 5.  無敵小恩恩 （發表於 2010-01-25 17:26）

    IE果然才是王道阿(笑)
  • Avatar
    6.  路途遙遠 （發表於 2010-01-25 21:30）

    google對環保與地球暖化有貢獻嗎@@
    記得之前看一個新聞說google搜尋一次就不知道排多少的二氧化碳了...
  • Avatar
    7.  robin80829 （發表於 2010-01-25 21:55）

    IE更新?! 誰鳥你!!
  • Avatar
    8.  XXX （發表於 2010-01-25 22:52）

    所有新格式都會遷就IE，IE好大尾阿!當心好景不常阿。
  • Avatar
    9.  kevin （發表於 2010-01-25 23:06）

    http://open.bbc.co.uk/rad/demos/html5/rdtv/episode2/index.html
    BBC這個HTML5的影片範例就很不錯，有字幕、章節，字幕還可以反白選取。
  • Avatar
    10.  tony （發表於 2010-01-25 23:49）

    那個who caer實在是太好笑了XDD
  • 11.  Bobby Tung （發表於 2010-01-25 23:52）

    剛才看到的消息，Firefox如果要使用H.264，每年要付五百萬美元的權利金給MPEG-LA組織：http://bit.ly/8ug3CJ
  • Avatar
    12.  Raven （發表於 2010-01-26 10:27）

    Flash現在已經有效能和安全的雙重問題了…
    我支持開放格式！
  • Avatar
    13.  pcfound123 （發表於 2010-01-27 15:43）

    MPEG-LA真是搶錢來著的....
  • Avatar
    14.  Clark （發表於 2010-01-27 22:19）

    WHO CARE 真是太屌了XD
  • Avatar
    15.  sin （發表於 2010-01-31 20:38）

    Mozilla 的背後金主不是 Google 嗎？
    Google 不幫它付？
  • Avatar
    16.  npnufn （發表於 2010-02-24 03:16）

    還好寶貝球現在也有方便好裝的官方Linux版
    不然 Linux使用者真的要哭哭了
  • Avatar
    17.  roviury （發表於 2010-03-22 18:50）

    用chrome frame把ie改裝
    就可以看html5了~
  • Avatar
    18.  JonesLai （發表於 2010-03-23 08:01）

    請加入NO IE聯盟，拒絕遠古時代的IE，只要在網頁上貼上禁用IE瀏覽即可，好心一點的可以使用Javascript偵測瀏覽器，提醒使用者不再在用恐龍時代的瀏覽器逛。
  • Avatar
    19.  神鵰哥哥 （發表於 2010-03-23 09:16）

    怎麼不說設User Agent，是用IE就不給看。
    （誰有這種膽子就是頭殼壞）
  • Avatar
    20.  azan （發表於 2010-05-05 23:09）

    果真如此的話，
    那一大票學Flash的人不就要失業了，
    包含我在內@@
  • Avatar
    21.  Tangerine （發表於 2010-05-20 08:47）

    Chromium 哪時候兩種格式都支援了？
  • Avatar
    22.  steve （發表於 2010-07-06 15:46）

    誰說 iPhone 開 html5 video 不行？ www.sup.com.tw/programs/index.php?prog_code=istyle 裡面的就都行
  • Avatar
    23.  TNR （發表於 2010-08-09 17:42）

    WHO CARES? wwwwwwww
  • 24.  jacky （發表於 2010-08-24 15:19）

    1080p用HTML5好卡(影像跟不上聲音...)，flash還是比較成熟一些(而且它還寫硬體加速，但我CPU照樣跑70%)...IE，Who Cares?
  • Avatar
    25.  w （發表於 2010-08-28 12:25）

    用注音來表示發音也滿蠢的
    而且也不是唸ㄊㄧㄨˋ
    要用注音表示也應該是ㄊㄨˋ

發表回應