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 | |||||
MP4 | |||||
WebM |
註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