HTML5 Video Tag

Vote 0 Votes

HTML5 可以簡單地使用 video tag 把影片嵌入網頁中, 在這之前, 通常是使用 Flash 或 Silverlight 來達成
可惜的是 OGG, MP4, WebM 三種格式中, 沒有一種格式是被所有瀏覽器支援,
至少要準備 MP4 + OGG 或 MP4 + WebM 才行
轉檔軟體推薦使用 Miro, 其底層是使用 ffmpeg 來轉檔

HTML5 Video Tag 各瀏覽器支援度

Firefox 13
Google Chrome 19
IE 9
Opera 12
Safari 5
Ogg Theora

註1: Safari 必需安裝 QuickTime 才有支援 HTML5 Video Tag
註2: 網頁第一行 !doctype html 對於 IE 是必要的, 否則無法顯示 Video

範例: 影片取自 Firefox What's New

雖然 HTML5 Video Tag 已經很方便了, 基於以下理由, 還是覺得把影片放 YouTube 更方便
1. 不用自已轉檔
2. 不佔用自已的空間
3. 不怕頻寬問題

Leave a comment

About this Entry

This page contains a single entry by Pank published on June 16, 2012 2:01 AM.

Windows 7/8 fails to install in VirtualBox, Status: 0xc0000225 was the previous entry in this blog.

Pure Windows Live Messenger Build 14.0.8117.416 2012 Update is the next entry in this blog.

Find recent content on the main index or look in the archives to find all content.

Monthly Archives