请问谷歌浏览器是不是所有的API都不支持啊,currentTime和快进功能都无法实现

请问谷歌浏览器是不是所有的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>


正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好!
这边测试快进和滑动当前时间是没有问题的,同学可以清除下浏览器缓存再测试一下。

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

  • 还是一样不行,是否是谷歌浏览器版本缘故
    2019-09-23 21:50:56
  • 这个和开发环境有关,我用sublime打开或者浏览器直接打开就行,用Webstorm打开就不行
    2019-09-23 21:58:26
小仙女要好好学习 2019-09-21 19:19:16

谷歌浏览器都是支持的呀,测试了下你的代码也没有任何问题呀。

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
3.WebAPP开发与小程序
  • 参与学习           人
  • 提交作业       622    份
  • 解答问题       6815    个

微信带火了小程序,也让前端工程师有了更多的展现机会,本阶段带你从移动基础知识的学习到webAPP开发,及小程序开发,让你PC端与移动端两端通吃。

了解课程
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师
插入代码