好程式設計師web前端分享HTML5 video事件應用示例

　　 好程式設計師 web 前端分享 HTML5 video 事件應用示例 ， 使用 onloadedmetadata 事件獲取影片的時間長度，使用 ontimeupdate 事件獲取影片當前播放的進度，示例程式碼如下：

 

　　1 、獲取影片時間長度

 

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

 

　　程式碼如下 :

 

　　video.onloadedmetadata = function () {

 

　　var vLength = video.duration;

 

　　console.log(vLength);

 

　　}

 

　　2 、當前影片的播放進度

 

　　當影片開始播放時，可以使用 ontimeupdate 事件獲取影片當前播放的進度。當 video 物件的 currentTime 屬性發生改變時觸發 ontimeupdate 事件。 currentTime 屬性是浮點小數，可取到 12 位數的小數位數。

 

　　程式碼如下 :

 

　　video.ontimeupdate = function () {

 

　　var vTime = video.currentTime;

 

　　console.log(vTime);

 

　　};