iT邦幫忙

DAY 9
1

只是路過 HTML5 系列 第 9

HTML Audio/Video Properties(3)

  • 分享至 

  • xImage
  •  

參考:
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


上一篇
HTML Audio/Video Properties(2)
下一篇
HTML Audio/Video Properties(4)
系列文
只是路過 HTML5 30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言