js呼び出しビデオ再生時間

<video id =“ vid”> < source src = "./video.mp4"> < / video> //この方法で書き込み、srcを直接ビデオに書き込まないでください。互換性の問題があります

< div class = "time1" > 00:00:00 < / div> //ビデオ再生時間

< DIV CLASS = "TIME1"> 88:88:88 < / div> //ビデオがある

VAR =ビデオ。文書getElementByIdを('VID');

VAR time1 = document。querySelector '.time1');

var time2 = document。querySelector '.time2');

//ビデオが終了するとトリガーされるイベント
addEventListener("終了"関数(){
Video_Status。SRC = "IMG / play.png" ;
})

//ビデオは、トリガイベントは通常、readyイベントがトリガされたビデオ持ってプレイすることができます
。ビデオザ・addEventListenerを("canplay" 機能(){
VARタイマーを= 数学。CEIL(本。DURATION); //ビデオである
TIME2。innerHTMLの= timeToMinute(タイマー);
})

//イベントトリガ現在のビデオプレイイベント変更
ビデオのaddEventListener("timeupdate" 関数(){
VARタイマ= 。数学はceil(これ。CURRENTTIME); //長く、現在再生中の動画
。TIME1 innerHTMLプロパティ=timeToMinute(timers);
})
//秒转换分钟00:00:00格式
function timeToMinute(times){
var t ; if(times> -1){ var hour = Math。床(回/ 3600); var min = Math。floor(回/ 60)%60 ; var sec = times%60 ; if(時間< 10){ t = '0' +時間+ ":" ; } else { t =時間+ ":" ; } if(min < 10){t + = "0" ;} t + = min + ":" ; if(秒< 10){t + = "0"













t + =秒。toFixed(2);
}
t = t。substring(0 t。length- 3); tを返す}

おすすめ

転載: www.cnblogs.com/zhaoying/p/12742254.html