欣設計,網頁設計,RWD網頁設計,網頁設計公司  有感諮詢 02-8221-2516

video視頻

HTML5在<video>中提供了播放、暫停、音量控制來控制視頻,同時也可用 width 和 height 属性控制視頻的尺寸,而且建議要設置,好讓瀏覽器知道視頻的大小,也可以在影片加載時保留特定空間。
<video>也可透過<source>聯結不同的視頻。

註:IE8 或者更早的IE版本不支持 <video>。

其中播放、暫停、加載等,其中的屬性(比如時長、音量等)可以被讀取或設置,都可以用JavaScript控制。
 
方法 描述
addTextTrack() 向視頻添加新的文本軌道
canPlayType() 檢測流覽器是否能播放指定的視頻類型
load() 重新載入視頻
play() 開始播放視頻
pause() 暫停當前播放的/視頻

HTML5 Audio/Video 属性

屬性 描述
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 設置或返回視頻元素的當前來源
tartDate 返回表示當前時間偏移的 Date 對象
textTracks 返回表示可用文本軌道的 TextTrackList 物件
videoTracks 返回表示可用視頻軌道的 VideoTrackList 物件
volume 設置或返回視頻的音量

回上頁

15年服務 有感諮詢

非常歡迎您洽詢,您將可以感受到我們的熱心.誠懇與專業!
洽詢時間:週一至週五10:00~17:00

02-8221-2516

或是

按此加入我們的LINE@
ID : @b2005

或是

按此
填寫聯繫表單,由我們連繫您