首页 > 解决方案 > 视频结束后 Java Script Auto Next Page

问题描述

如何使事件单击按钮而不是输入 URL...因为 URL 永远不会相同,但 Next Episode 将始终存在...

// Do not name the function "play()"
function playVideo(){
    var video = document.getElementById('video');
    video.play();
    video.addEventListener('ended',function(){
        window.location = 'http://www.google.com';
    });
}
</script>
<video controls id="video" width="770" height="882" onclick="playVideo()">
    <source src="video/Motion.mp4" type="video/mp4" />
</video>

标签: javascriptvideo

解决方案


给你的链接一个id:

<a id="some-id" href="LINK" title="episode name"><span>next episode</span> <i class="icon-chevron-right"></i></a>

然后将您的事件侦听器更改为:

video.addEventListener('ended',function(){
  document.getElementById('some-id').click();
});

推荐阅读