HTML DOM Video 物件
Video 物件
Video 物件代表 HTML <video> 元素。
訪問 Video 物件
您可以使用 getElementById() 訪問 <video> 元素
建立 Video 物件
您可以使用 document.createElement() 方法建立 <video> 元素
Video 物件屬性
| 屬性 | 描述 |
|---|---|
| audioTracks | 返回一個 AudioTrackList 物件,表示可用的音軌 |
| autoplay | 設定或返回影片是否應在準備就緒後立即開始播放 |
| buffered | 返回一個 TimeRanges 物件,表示影片已緩衝的部分 |
| controller | 返回一個 MediaController 物件,表示影片當前的媒體控制器 |
| controls | 設定或返回影片是否應顯示控制元件(播放/暫停等) |
| crossOrigin | 設定或返回影片的 CORS 設定 |
| currentSrc | 返回當前影片的 URL |
| currentTime | 設定或返回影片的當前播放位置(以秒為單位) |
| defaultMuted | 設定或返回影片是否應預設靜音 |
| defaultPlaybackRate | 設定或返回影片的預設播放速度 |
| duration | 返回影片的長度(以秒為單位) |
| ended | 返回影片播放是否已結束 |
| error | 返回一個 MediaError 物件,表示影片的錯誤狀態 |
| height | 設定或返回影片的 height 屬性值 |
| 迴圈 | 設定或返回影片是否應在每次播放結束後重新開始播放 |
| mediaGroup | 設定或返回影片所屬媒體組的名稱 |
| muted | 設定或返回影片的聲音是否應關閉 |
| networkState | 返回影片當前的網路狀態 |
| paused | 返回影片是否已暫停 |
| playbackRate | 設定或返回影片的播放速度 |
| played | 返回一個 TimeRanges 物件,表示影片已播放的部分 |
| poster | 設定或返回影片的 poster 屬性值 |
| preload | 設定或返回影片的 preload 屬性值 |
| readyState | 返回影片當前的就緒狀態 |
| seekable | 返回一個 TimeRanges 物件,表示影片可查詢的部分 |
| seeking | 返回使用者當前是否正在影片中查詢 |
| src | 設定或返回影片的 src 屬性值 |
| startDate | 返回一個 Date 物件,表示當前時間偏移 |
| textTracks | 返回一個 TextTrackList 物件,表示可用的文字軌道 |
| videoTracks | 已棄用。請勿使用。 |
| volume | 設定或返回影片的音量 |
| width | 設定或返回影片的 width 屬性值 |
Video 物件方法
| 方法 | 描述 |
|---|---|
| addTextTrack() | 向影片新增新的文字軌道 |
| canPlayType() | 檢查瀏覽器是否可以播放指定的影片型別 |
| load() | 重新載入影片元素 |
| play() | 開始播放影片 |
| pause() | 暫停當前正在播放的影片 |
標準屬性和事件
相關頁面
HTML 教程:HTML5 影片
HTML 參考:HTML <video> 標籤