请问谷歌浏览器是不是所有的API都不支持啊,currentTime和快进功能都无法实现
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 | <!doctype html> < html > < head > < meta charset = "utf-8" > < title ></ title > </ head > < body > <!-- video 标签 -API- currentTime --> < video controls src = 'data/imooc.mp4' id = 'myVideo' ></ video > < button id = 'playNode' >播放</ button > < button id = 'stopNode' >暂停</ button > < button id = 'faster' >快进</ button > < script type = "text/javascript" > //选中video标签 var VideoNode = document.getElementById('myVideo'); //currentTime 能返回当前视频的一个播放长度 /* setInterval(function(){ console.log(VideoNode.currentTime); },1000); */ /* 直接设置视频的播放时间为第30秒 */ VideoNode.currentTime = 30; /* 快进 */ faster.onclick = function(){ VideoNode.currentTime = VideoNode.currentTime +3; }; /* 给playNode-div一个暂停video的事件 */ stopNode.onclick = function(){ VideoNode.pause(); }; /* 给playNode-div一个播放video的事件 */ playNode.onclick = function(){ VideoNode.play(); }; </ script > </ body > </ html > |
9
收起
正在回答
2回答
同学你好!
这边测试快进和滑动当前时间是没有问题的,同学可以清除下浏览器缓存再测试一下。
如果帮助到了你,欢迎采纳,祝学习愉快~
3.WebAPP开发与小程序
- 参与学习 人
- 提交作业 622 份
- 解答问题 6815 个
微信带火了小程序,也让前端工程师有了更多的展现机会,本阶段带你从移动基础知识的学习到webAPP开发,及小程序开发,让你PC端与移动端两端通吃。
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧