首頁 > web前端 > H5教程 > HTML5 video 事件應用程式範例_html5教學技巧

HTML5 video 事件應用程式範例_html5教學技巧

WBOY
發布: 2016-05-16 15:47:31
原創
1444 人瀏覽過
1、取得視訊時間長度

當影片載入video後,使用 onloadedmetadata 事件取得影片的時間長度。

複製程式碼
程式碼如下:

video.onloaded. 🎜>var vLength = video.duration;
console.log(vLength);
}


2、目前影片的播放進度
2、目前影片的播放進度


2、目前影片的播放進度
2. >當影片開始播放時,可以使用ontimeupdate 事件來取得影片目前播放的進度。當video物件的 currentTime 屬性改變時觸發 ontimeupdate 事件。 currentTime 屬性是浮點小數,可取到 12 位數的小數位數。
複製程式碼


程式碼如下:

video.ontime 🎜>var vTime = video.currentTime; console.log(vTime); };
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板