关于duration

来源:3-1 play、pause、duration

慕标5156652

2020-07-18 17:42:17

<!DOCTYPE html>

<html lang="en">


<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Document</title>

</head>


<body>

<video src="../data/imooc.mp4" controls id="myvideo"></video>

<div id="stopbtn">暂停</div>

<div id="playbtn">播放</div>

<script>

var videoNode = document.getElementById("myvideo");

var stopbtn=document.getElementById("stopbtn");

var playbtn=document.getElementById("playbtn");



//    console.log(videoNode.duration);

setTimeout(function(){

console.log(videoNode.duration);


},1000);

</script>

</body>


</html>

这样写打印出来的是206.485333

视频长度为206秒 后面的小数为是加载时间的长度吗 


写回答

3回答

好帮手慕粉

2020-07-18

同学计算错了,应该是取模运算符%,而不是*:

http://img.mukewang.com/climg/5f12c79f098e433206090081.jpg

结果:

http://img.mukewang.com/climg/5f12c7b5092211e302290056.jpg

0

好帮手慕粉

2020-07-18

同学你好,打印出来的这个值,就是视频的总时间:

http://img.mukewang.com/climg/5f12c65f0958643a02340047.jpg

只不过我们在显示时间时,显示不了那么精确的时间,一般都是显示到小数点后两位:

http://img.mukewang.com/climg/5f12c68309ad1e6c03360068.jpg

如果我的回答帮助了你,欢迎采纳。祝学习愉快~

0

慕标5156652

提问者

2020-07-18

<!DOCTYPE html>

<html lang="en">


<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Document</title>

</head>


<body>

<video src="../data/imooc.mp4" controls id="myvideo"></video>

<div id="stopbtn">暂停</div>

<div id="playbtn">播放</div>

<script>

var videoNode = document.getElementById("myvideo");

var stopbtn=document.getElementById("stopbtn");

var playbtn=document.getElementById("playbtn");



//    console.log(videoNode.duration);  //Nan 未加载完

setTimeout(function(){

// console.log(videoNode.duration);

var min=parseInt(videoNode.duration/60);

var sec=parseInt(videoNode.duration*60);

console.log(min+":"+sec);


},1000);

</script>

</body>


</html>

这样写 console.log的时间为3:12389

但是视频是3:26啊 这个是什么原因呢

0

0 学习 · 6815 问题

查看课程