1. H TM L 5
Ved io & ad uio

2. 大綱：
＊ VID E
＊ AU D IO
＊ SWF

3. Vid eo

4. H tm l 5 支援瀏覽器版本
視訊格式
Ogg NO 3.5 10.5 NO 5.0
H.264 9.0 NO NO 3.0 5.0
MPEG­ 9.0 NO NO 3.0 5.0
4
WebM 9.0* 4.0 10.6 NO 6.0

5. H TM L 5 支援播放器格式
視訊格式
檔案格式 影片編碼 音源編碼
器 器
Firefox3.5 Ogg Theora Vorbis
(Windows)
Chrome3 Ogg/MP4 Theora/H.264 Vorbis/AAC/MP
3
(Windows)
Safari4 MP4 MPEG/H.264 AAC/MP3
(Windows)

6. 視訊
<video controls="controls">
<source src='muic.mp4' type='video/mp4;
codec="mp4v.20.240,mp4a.40.2"'/>
</video>

7. M IM E 類型 ( 一 )
屬性 值 描述
自動播放
autoplay autoplay
controls controls 控制項， ex ：播放、暫停、進度
條、音量
圖片高度
height 圖
loop
loop 迴圈播放

8. M IM E 類型 ( 二 )
屬性 值 描述
poster url 指定一張圖片（預藍圖）
預設值： auto
一。 none ：不預載檔案
Preload
二。 metadata ：部份預載檔案
三。 auto ：全部預載檔案
Src url 播放視訊 url
width
圖 圖片寬度

9. MIME 攥寫方式
MIME 類型： Ogg
影片資料 聲音資料
（編碼器： Theora ） （編碼器： Vorbis ）
<source src='muic.ogg'type='video/mp4;
codec="Theora, Vorbis"'/>

10. Aud io

11. 音頻格式
音頻格式
Ogg Vorbis
NO 3.5 10.5 NO 5.0
MP3 9.0 NO NO 3.0 5.0
Wav PCM 9.0 3.5 10.5 3.0 NO
AAC 9.0 NO NO 3.0 5.0
WebM 音
頻 NO 4.0 10.6 NO 6.0

12. 音頻
<audio controls="controls" style="width="400px" height="45px">
<source src="muic.mp3" type="audio/mpeg">
</audio>

13. Audio 常用屬性
屬性
值 描述
autoplay autoplay 自動播放
controls controls 控制項， ex ：播放、暫停、進度條
、音量
loop loop 迴圈播放
預設值： auto
preload
一。 none ：不預載檔案
二。 metadata ：部份預載檔案
三。 auto ：全部預載檔案
src url 播放音訊 url

14. Swf

15. 內嵌 SWF
<embed src="helloworld.swf" width="100px" height="200px"
type="application/x­shockwave­flash">

16. Flash 屬性
屬性
值
height 高
src 來源、路徑
type Mime 類型
width 寬

17. 參考資料
＊MIME類型
＊ M PEG 4
＊MIME类型查询表，后缀说明表
＊MIME TYPE大全列表
＊免費資源－Google swiffy將SWF轉Html5
＊ H TM L 5 < em bed > type Attribute