HTML5 Video標籤

標籤：pen   work   default   play   擷取   change   www.   pad   結束   

1.代碼格式

　　<video width="320" height="240" controls> 　　 <source src="movie.mp4" type="video/mp4">  　　<source src="movie.ogg" type="video/ogg">　　　您的瀏覽器不支援Video標籤。　　</video>

　　視頻格式及瀏覽器支援

2.當前， <video> 元素支援三種視頻格式： MP4, WebM, 和 Ogg

瀏覽器	MP4	WebM	Ogg
Internet Explorer	YES	NO	NO
Chrome	YES	YES	YES
Firefox	YES	YES	YES
Safari	YES	NO	NO
Opera	YES (從 Opera 25 起)	YES	YES

3.視頻格式的MIME類型

格式	MIME-type
MP4	video/mp4
Ogg	video/ogg
WebM	video/webm

 4. 全部屬性

屬性	描述
audioTracks	返回表示可用音軌的 AudioTrackList 對象
autoplay	設定或返回是否在載入完成後隨即播放音頻/視頻
buffered	返回表示音頻/視頻已緩衝部分的 TimeRanges 對象
controller	返回表示音頻/視頻當前媒體控制器的 MediaController 對象
controls	設定或返迴音頻/視頻是否顯示控制項（比如播放/暫停等）
crossOrigin	設定或返迴音頻/視頻的 CORS 設定
currentSrc	返回當前音頻/視頻的 URL
currentTime	設定或返迴音頻/視頻中的當前播放位置（以秒計）
defaultMuted	設定或返迴音頻/視頻預設是否靜音
defaultPlaybackRate	設定或返迴音頻/視頻的預設播放速度
duration	返回當前音頻/視頻的長度（以秒計）
ended	返迴音頻/視頻的播放是否已結束
error	返回表示音頻/視頻錯誤狀態的 MediaError 對象
loop	設定或返迴音頻/視頻是否應在結束時重新播放
mediaGroup	設定或返迴音頻/視頻所屬的組合（用於串連多個音頻/視頻元素）
muted	設定或返迴音頻/視頻是否靜音
networkState	返迴音頻/視頻的當前網路狀態
paused	設定或返迴音頻/視頻是否暫停
playbackRate	設定或返迴音頻/視頻播放的速度
played	返回表示音頻/視頻已播放部分的 TimeRanges 對象
preload	設定或返迴音頻/視頻是否應該在頁面載入後進行載入
readyState	返迴音頻/視頻當前的就緒狀態
seekable	返回表示音頻/視頻可定址部分的 TimeRanges 對象
seeking	返回使用者是否正在音頻/視頻中進行尋找
src	設定或返迴音頻/視頻元素的當前來源
startDate	返回表示目前時間位移的 Date 對象
textTracks	返回表示可用文本軌道的 TextTrackList 對象
videoTracks	返回表示可用視頻軌道的 VideoTrackList 對象
volume	設定或返迴音頻/視頻的音量

5.常用標籤屬性

　　src

　　Controls

　　Autoplay

　　Preload(auto,none,metadata)

　　Poster(video專屬)

　　Loop

　　Width/height(video專屬)

6.常用js編程屬性

　　paused(Boolean/唯讀)

　　ended(Boolean/唯讀)

　　volume（讀寫）（0~1）

　　muted(Boolean/讀寫)

7.全部方法

方法	描述
addTextTrack()	向音頻/視頻添加新的文本軌道
canPlayType()	檢測瀏覽器是否能播放指定的音頻/視頻類型
load()	重新載入音頻/視頻元素
play()	開始播放音頻/視頻
pause()	暫停當前播放的音頻/視頻

8.事件監聽

事件	描述
abort	當音頻/視頻的載入已放棄時
canplay	當瀏覽器可以播放音頻/視頻時
canplaythrough	當瀏覽器可在不因緩衝而停頓的情況下進行播放時
durationchange	當音頻/視頻的時間長度已更改時
emptied	當目前的播放清單為空白時
ended	當目前的播放清單已結束時
error	當在音頻/視頻載入期間發生錯誤時
loadeddata	當瀏覽器已載入音頻/視頻的當前幀時
loadedmetadata	當瀏覽器已載入音頻/視頻的中繼資料時
loadstart	當瀏覽器開始尋找音頻/視頻時
pause	當音頻/視頻已暫停時
play	當音頻/視頻已開始或不再暫停時
playing	當音頻/視頻在已因緩衝而暫停或停止後已就緒時
progress	當瀏覽器正在下載音頻/視頻時
ratechange	當音頻/視頻的播放速度已更改時
seeked	當使用者已移動/跳躍到音頻/視頻中的新位置時
seeking	當使用者開始移動/跳躍到音頻/視頻中的新位置時
stalled	當瀏覽器嘗試擷取媒體資料，但資料不可用時
suspend	當瀏覽器刻意不擷取媒體資料時
timeupdate	當目前的播放位置已更改時
volumechange	當音量已更改時
waiting	當視頻由於需要緩衝下一幀而停止

HTML5 Video標籤