老师 我使用了duration 它没有获取到数值 而出现了NaN 为什么?

来源:3-8 timeupdate、seeked、seeking

Rain_2020

2019-12-28 11:11:47

videoNode.addEventListener('timeupdate',function(){

// console.log('视频播放了~~~~');

// let是声明变量 相同于 var ;

let allTime = parseInt(videoNode.duration/60)+':'+ parseInt(videoNode.duration%60);

let nowTime = parseInt(videoNode.currentTime/60)+ ':' + parseInt(videoNode.currentTime%60);

timeNode.innerHTML = nowTime + '/' + allTime;

})


写回答

2回答

好帮手慕慕子

2019-12-28

同学你好,谷歌浏览器不支持ogv格式的视频,是浏览器自身的问题,没办法解决。

不过我们可以使用source标签设置兼容性,实现浏览器支持哪个格式, 就播放相应格式的音视频文件。示例:

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

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

0
hain_2020
h 好的
h019-12-29
共1条回复

好帮手慕慕子

2019-12-28

同学你好, 建议:同学将你写的完整代码粘贴过来,便于帮助同学准确的定位与解决问题,祝学习愉快~

0
hain_2020
h <video controls src="./data/imooc.mp4" id="myVideo" width="500px" height="280px" ></video> <br/> <div id="timeNode"></div> <script type="text/javascript"> var videoNode = document.getElementById("myVideo"); videoNode.src = "./data/imooc.ogv"; var seekedNum = seekingNum = 0; videoNode.addEventListener('timeupdate',function(){ let allTime = parseInt(videoNode.duration/60)+':'+ parseInt(videoNode.duration%60); console.log(allTime); let nowTime = parseInt(videoNode.currentTime/60)+ ':' + parseInt(videoNode.currentTime%60); console.log(nowTime); timeNode.innerHTML = nowTime + '/' + allTime; }) </script>
h019-12-28
共2条回复

0 学习 · 6815 问题

查看课程