溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

H5設置或返回音頻/視頻播放當前位置屬性currentTime的示例

發(fā)布時間:2021-01-27 14:41:02 來源:億速云 閱讀:285 作者:小新 欄目:web開發(fā)

小編給大家分享一下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指示音頻/視頻播放的當前位置(以秒計)。

技術細節(jié)

返回值數(shù)字值,表示秒

實例

將時間位置設置為 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的示例”有了一定的了解,如果想了解更多相關知識,歡迎關注億速云行業(yè)資訊頻道,感謝各位的閱讀!

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI