參考:
http://www.w3schools.com/tags/ref_av_dom.asp
HTML5 DOM 為<audio> 和<video>
提供了Methods(方法)、Properties(屬性)、和Events(事件)。
Properties實在是蠻多的~ 就分篇介紹。
原本我是按照w3schools的排序(依字母順序)筆記,
但發現有些屬性很類似,可以拿出來比較,就被我放在一起分享了:)
今天筆記的是Properties(屬性)如下:
duration 傳回文件的總播放時間(長度)。
ended 傳回是否已經播放完成。回傳Boolean。
paused 傳回目前media是否被暫停。回傳Boolean。
seeking 傳回用戶是否正在media查找。回傳Boolean。
loop 設置或傳回是否循環播放。
mediaGroup 設置或傳回目前media群組名稱。
★duration 傳回文件的總播放時間(長度)。
testVid=document.getElementById(“video1”); alert(testVid.duration);
★ended 傳回是否已經播放完成。回傳Boolean。
testVid=document.getElementById("video1");
alert(testVid.ended);
★paused 傳回目前media是否被暫停。回傳Boolean。
testVid=document.getElementById("video1");
alert(testVid.paused);
★seeking 傳回用戶是否正在media查找。回傳Boolean。
我這裡寫了一個測試檔: http://jsfiddle.net/iamya/YR9ef/1/
★loop 設置或傳回是否循環播放。
*設置media循環播放
testVid=document.getElementById("video1");
testVid.loop=true;
*傳回media是否循環播放
testVid=document.getElementById("video1");
alert(testVid.loop);
★mediaGroup 設置或傳回目前media群組名稱。
*設置目前media群組名稱
testVid1=document.getElementById("video1");
testVid2=document.getElementById("video2");
testVid1.mediaGroup="test";
testVid2.mediaGroup="test";
*傳回目前media群組名稱
testVid1=document.getElementById("video1");
testVid2=document.getElementById("video2");
alert("Video 1 media group: " + testVid1.mediaGroup +
". Video 2 media group: " + testVid2.mediaGroup);
其他屬性還有...(終於快結束啦....T___T下次一次把屬性介紹完)
played 傳回已載入播放的時間。(TimeRanges Object)
seekable 傳回可跳轉的時間範圍。(TimeRanges Object)
buffered傳回緩衝時間。(TimeRanges Object)
preload 設置或傳回頁面加載時是否同時加載media
readyState 傳回目前media的準備狀態。回傳Number。
volume 傳回目前的音量值。回傳浮點數。
目前使用最新版版本Chrome= 22.0.1229.94測試無效,暫不討論如下:
startDate
textTracks
videoTracks