javascript - HTML <video> 函数如果 videoEnded 转到页面的其他部分

Question

我这里有一个页面，显示正在加载的视频。我想要实现的是；如果视频已结束，请转到我页面的其他部分(如按钮所示)。

http://i333180.iris.fhict.nl/p2_vc/#section1

已经从互联网上收集了一些代码，但无法使其发挥作用。 不过，我的问题并没有找到那么多。

HTML

<!-- video -->
<video id="moodvideo" autoplay controls onended="videoEnded()">
    <source src="moodvideo.mp4" type='video/mp4'>
</video>

JS

function videoEnded() {
    //go to a hreff="#section"
}

Answer 1

HTML

<video id="moodvideo" autoplay controls onended="videoEnded()"  src="moodvideo.mp4"></video>

脚本:

<script type="text/javascript">
      function videoEnded() {
      window.location.href="http://i333180.iris.fhict.nl/p2_vc/#section"; }
</script>

由于它引用同一页面上的部分，您还可以通过仅将部分名称作为参数传递给方法来简化事情。

<script type="text/javascript">
         function videoEnded(sectionName) {
          window.location.href=window.location.pathname+"/#"+sectionName;
         }
 </script>