您好,登錄后才能下訂單哦!
小編給大家分享一下H5設置或返回音頻/視頻播放當前位置屬性currentTime的示例,希望大家閱讀完這篇文章之后都有所收獲,下面讓我們一起去探討吧!
實例
將時間位置設置為 5 秒:
myVid=document.getElementById("video1"); myVid.currentTime=5;
定義和用法
currentTime 屬性設置或返回音頻/視頻播放的當前位置(以秒計)。
當設置該屬性時,播放會跳躍到指定的位置。
瀏覽器支持
所有主流瀏覽器都支持 currentTime 屬性。
注釋:Internet Explorer 8 或更早的瀏覽器不支持該屬性。
語法
設置 currentTime 屬性:
audio|video.currentTime="seconds"
返回 currentTime 屬性:
audio|video.currentTime
屬性值
值 | 描述 |
seconds | 指示音頻/視頻播放的當前位置(以秒計)。 |
技術細節
返回值 | 數字值,表示秒 |
實例
將時間位置設置為 5 秒:
<!DOCTYPE html> <html> <body> <p> <button onclick="getCurTime()" type="button">獲得當前時間的位置</button> <button onclick="setCurTime()" type="button">把時間位置設置為 5 秒</button> </p> <video id="video1" controls="controls"> <source src="/kf51/demo/mov_bbb.mp4" type="video/mp4"> <source src="/kf51/demo/mov_bbb.ogg" type="video/ogg"> 您的瀏覽器不支持 video 標簽。 </video> <script> var myVid = document.getElementById("video1"); function getCurTime() { alert(myVid.currentTime); } function setCurTime() { myVid.currentTime = 5; } </script> </body> </html>
看完了這篇文章,相信你對“H5設置或返回音頻/視頻播放當前位置屬性currentTime的示例”有了一定的了解,如果想了解更多相關知識,歡迎關注億速云行業資訊頻道,感謝各位的閱讀!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。