前端JS視頻獲取時長的寫法

下面的代碼直接可以使用,獲取視頻的時長,然後可以根據業務再具體寫邏輯

<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>js獲取視頻時長</title>
</head>

<body>
    <div>
        <video src="https://vdept.bdstatic.com/4d7353594449333461724852716d4747/424253456e584b79/59d96f0aa420b86938e7ebaeb47553c871ed1a661934348af5651aa12986c93eab77ed9603a021062dd6be2c523d7ea4.mp4?auth_key=1583929206-0-0-0d2202f24b6757a116072d28b1c7ecae"
               controls preload="auto" id="player"></video>
    </div>
    <input name="submit" type="submit" οnclick="getInfo();">
    <div>
        <script language="javascript">
            var time;
            function getInfo(){
                var pl=document.getElementById("player");
                time = pl.duration;
                var totalSecond = Math.floor(time);
                // 得到分鐘數加秒數
                if (totalSecond > 60){
                    var minute = Math.floor(totalSecond / 60) ;
                    if (minute < 10) {
                        minute = "0" + minute;
                    }
                    console.info("second --> " + totalSecond % 60);
                    console.info("minute + second --> " + minute + ":" + totalSecond % 60);
                }
                alert(totalSecond);
            }
        </script>
    </div>
</body>
</html>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章