请问谷歌浏览器是不是所有的API都不支持啊,currentTime和快进功能都无法实现
<!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积分~
来为老师/同学的回答评分吧
0 星