<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を返す。}