小編給大家分享一下H5設(shè)置或返回音頻/視頻播放當(dāng)前位置屬性currentTime的示例,希望大家閱讀完這篇文章之后都有所收獲,下面讓我們一起去探討吧!

創(chuàng)新互聯(lián)公司:于2013年開始為各行業(yè)開拓出企業(yè)自己的“網(wǎng)站建設(shè)”服務(wù),為上1000+公司企業(yè)提供了專業(yè)的成都網(wǎng)站設(shè)計、成都網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計和網(wǎng)站推廣服務(wù), 按需求定制網(wǎng)站由設(shè)計師親自精心設(shè)計,設(shè)計的效果完全按照客戶的要求,并適當(dāng)?shù)奶岢龊侠淼慕ㄗh,擁有的視覺效果,策劃師分析客戶的同行競爭對手,根據(jù)客戶的實際情況給出合理的網(wǎng)站構(gòu)架,制作客戶同行業(yè)具有領(lǐng)先地位的。
實例
將時間位置設(shè)置為 5 秒:
myVid=document.getElementById("video1");
myVid.currentTime=5;定義和用法
currentTime 屬性設(shè)置或返回音頻/視頻播放的當(dāng)前位置(以秒計)。
當(dāng)設(shè)置該屬性時,播放會跳躍到指定的位置。
瀏覽器支持
所有主流瀏覽器都支持 currentTime 屬性。
注釋:Internet Explorer 8 或更早的瀏覽器不支持該屬性。
語法
設(shè)置 currentTime 屬性:
audio|video.currentTime="seconds"
返回 currentTime 屬性:
audio|video.currentTime
屬性值
| 值 | 描述 |
| seconds | 指示音頻/視頻播放的當(dāng)前位置(以秒計)。 |
技術(shù)細(xì)節(jié)
| 返回值 | 數(shù)字值,表示秒 |
實例
將時間位置設(shè)置為 5 秒:
<!DOCTYPE html>
<html>
<body>
<p>
<button onclick="getCurTime()" type="button">獲得當(dāng)前時間的位置</button>
<button onclick="setCurTime()" type="button">把時間位置設(shè)置為 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 標(biāo)簽。
</video>
<script>
var myVid = document.getElementById("video1");
function getCurTime() {
alert(myVid.currentTime);
}
function setCurTime() {
myVid.currentTime = 5;
}
</script>
</body>
</html>看完了這篇文章,相信你對“H5設(shè)置或返回音頻/視頻播放當(dāng)前位置屬性currentTime的示例”有了一定的了解,如果想了解更多相關(guān)知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝各位的閱讀!
當(dāng)前標(biāo)題:H5設(shè)置或返回音頻/視頻播放當(dāng)前位置屬性currentTime的示例
文章起源:http://www.chinadenli.net/article4/gcsgie.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供標(biāo)簽優(yōu)化、Google、、小程序開發(fā)、微信公眾號、定制網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)