首先是HTML5支援的影音檔案格式
以下將介紹7種常用的格式:
- MPEG副檔名為.mpg或.mpeg
- AVI副檔名為.avi
- WMV副檔名為.wmv
- QuickTime 副檔名為.mov
- RealVideo副檔名為.rm或.ram
- Flash副檔名為.swf或.flv
- Mpeg-4副檔名為.mp4
接著介紹影音標籤 <video>
功用是能將影音檔案放置於網頁中撥放。
以下介紹其屬性:
- src代表影音來源。
- poster設定影片開播前所顯示的預覽圖片。
- preload設定點選網頁時,是否載入影片。
- autoplay設定自動撥放,且不需要加屬性值。
- loop設定是否重複播放,且不需要屬性值。
- muted 預設影片播放是否靜音,且不需要屬性值。
- controls設定是否有控制面板(含停止、快轉等),且不需要屬性值。
- width設定影片寬度(像素)。
- height設定影片高度(像素)。
聲音標籤 <audio>
功用是將聲音檔案( 如:mp3、wav )在網頁上播放。
以下介紹其屬性:
src、preload、autoplay、loop、muted、controls。
( 由於屬性的特質在影音標籤介紹過,在此就不再贅述 )
插入外部檔案資源標籤 <embed>
功用是插入影片、聲音、圖片和HTML檔案在網頁上。