分享HTML5video事件應(yīng)用示例-創(chuàng)新互聯(lián)

本篇內(nèi)容主要講解“分享HTML5 video事件應(yīng)用示例”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實(shí)用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“分享HTML5 video事件應(yīng)用示例”吧!

創(chuàng)新互聯(lián)專注于網(wǎng)站建設(shè)|成都網(wǎng)站維護(hù)|優(yōu)化|托管以及網(wǎng)絡(luò)推廣，積累了大量的網(wǎng)站設(shè)計(jì)與制作經(jīng)驗(yàn)，為許多企業(yè)提供了網(wǎng)站定制設(shè)計(jì)服務(wù)，案例作品覆蓋成都木托盤等行業(yè)。能根據(jù)企業(yè)所處的行業(yè)與銷售的產(chǎn)品，結(jié)合品牌形象的塑造，量身建設(shè)品質(zhì)網(wǎng)站。

使用 onloadedmetadata 事件獲取視頻的時間長度，使用 ontimeupdate 事件獲取視頻當(dāng)前播放的進(jìn)度，示例代碼如下：

　　1、獲取視頻時間長度

　　當(dāng)視頻載入video后，使用 onloadedmetadata 事件獲取視頻的時間長度。

　　代碼如下:

　　video.onloadedmetadata = function () {

　　var vLength = video.duration;

　　console.log(vLength);

　　}

　　2、當(dāng)前視頻的播放進(jìn)度

　　當(dāng)視頻開始播放時，可以使用 ontimeupdate 事件獲取視頻當(dāng)前播放的進(jìn)度。當(dāng)video對象的 currentTime 屬性發(fā)生改變時觸發(fā) ontimeupdate 事件。currentTime 屬性是浮點(diǎn)小數(shù)，可取到 12 位數(shù)的小數(shù)位數(shù)。

　　代碼如下:

　　video.ontimeupdate = function () {

　　var vTime = video.currentTime;

　　console.log(vTime);

　　};

到此，相信大家對“分享HTML5 video事件應(yīng)用示例”有了更深的了解，不妨來實(shí)際操作一番吧！這里是創(chuàng)新互聯(lián)網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！

分享名稱：分享HTML5video事件應(yīng)用示例-創(chuàng)新互聯(lián)
轉(zhuǎn)載注明：http://muchs.cn/article4/eehoe.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供虛擬主機(jī)、全網(wǎng)營銷推廣、電子商務(wù)、網(wǎng)站維護(hù)、建站公司、用戶體驗(yàn)

廣告

聲明：本網(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)