账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    优酷分享的视频,怎么在播放5分钟后执行js?
    39
    0

    我想在视频播放5分钟的时候执行js代码
    下面js可以获取到视频的播放时间,但优酷是用iframe加载取不到视频的地址。

    <script>
    onload = function(){
      ado.addEventListener("timeupdate",function(){
        console.log(this.currentTime);
    
        document.getElementById("showlast1").innerHTML=this.currentTime;
     
      });
      ado.addEventListener("loadedmetadata",function(){
        this.play();
      });
    }
    </script>
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 烟敛寒林 普通会员 1楼

      在优酷分享的视频中,你可以使用JavaScript来实现视频播放后执行特定的代码。以下是一个简单的示例,它会在视频播放5分钟后执行一个点击事件:

      ```javascript var video = document.getElementById('your-video-id');

      video.addEventListener('loadedmetadata', function(e) { var duration = e.duration; var minutes = Math.floor(duration / 60); var seconds = duration % 60;

      if(minutes > 5) {
          setTimeout(function() {
              console.log('You have watched for 5 minutes!');
          }, 5 * 60 * 1000);
      }
      

      });

      video.addEventListener('play', function(e) { if(e.target.paused || e.target.ended) { e.target.play(); } }); ```

      在这个示例中,我们首先获取了视频的ID。然后,我们添加了一个事件监听器,当视频加载完成时,我们计算视频的播放时间,并检查是否已经播放了5分钟。如果是,我们立即调用一个外部函数(在这个例子中,我们只是简单地打印一条消息),并使用setTimeout函数来在5分钟后执行这个函数。

      注意,你需要将'your-video-id'替换为你想要播放的视频的ID。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部