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

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

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"
}

最佳答案

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