<video id=“vid”> <source src="./video.mp4"></video>  //儘量這樣寫 別直接再video中寫src 那樣會出現啊相容性問題

<div class="time1">00:00:00</div> //視訊播放時間

<div class="time1">88:88:88</div>// 視訊總時長

var video=document.getElementById('vid');

var time1=document.querySelector('.time1');

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

 
//視訊結束觸發得事件
video.addEventListener("ended",function(){
    video_Status.src="img/play.png";
})

// 視訊可以播放觸發得事件 一般是視訊準備就緒觸發得事件
video.addEventListener("canplay",function(){
    var timers=Math.ceil(this.duration); //視訊總時長
    time2.innerHTML=timeToMinute(timers);
})

// 視訊當前播放事件發生變化 觸發事件
video.addEventListener("timeupdate",function
 
(){
    var timers=Math.ceil(this.currentTime)；//視訊當前播放時長
    time1.innerHTML=timeToMinute(timers);
})

// 秒轉換分鐘00:00:00格式
function timeToMinute(times){
    var t;
    if(times > -1){
        var hour = Math.floor(times/3600);
        var min = Math.floor(times/60) % 60;
        var sec = times % 60;
        if(hour < 10) {
            t 
 
= '0'+ hour + ":";
        } else {
            t = hour + ":";
        }

        if(min < 10){t += "0";}
        t += min + ":";
        if(sec < 10){t += "0";}
        t += sec.toFixed(2);
    }
    t=t.substring(0,t.length-3);
    return t;
}