只需查看一次视频，即可重定向到其他网站

Question

我被分配的任务是只允许使用WordPress网站观看一次视频，观看一次后，视频结束，有网站网址重定向到另一个页面。视频无法播放，但在1分钟后仍会重定向。

以下是我的代码

[videojs_video url="http://tecfa.unige.ch/guides/html/html5-video/videos/state-of-wikipedia-480x272.mp4" preload="auto" controls ="false" autoplay = "true" loop="true"]
    <script>
         setTimeout(function(){
            window.location.href = 'https://www.tutorialspoint.com/javascript/';
         }, 60000);
      </script>
      <p>Web page redirects after 1 minute.</p>

Answer 1

您可以使用ended事件来检测视频是否已经播放完毕：

​

let myVideo = document.getElementById('my-video');

myVideo.addEventListener('ended', videoCompleted, false);

function videoCompleted(e) {
  console.log('video has completed');
  window.location.href = 'https://www.tutorialspoint.com/javascript/';
}

<video controls src="https://file-examples-com.github.io/uploads/2017/04/file_example_MP4_640_3MG.mp4" id="my-video"></video>

​