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

来源:3-2 currentTime、src、volume、controls

weibo_执著的弧线_0

2019-09-21 18:25:18

<!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

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

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

1
heibo_执著的弧线_0
h 这个和开发环境有关,我用sublime打开或者浏览器直接打开就行,用Webstorm打开就不行
h019-09-23
共2条回复

小仙女要好好学习

2019-09-21

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

0
heibo_执著的弧线_0
h 滑动当前时间也不行
h019-09-21
共2条回复

0 学习 · 6815 问题

查看课程