Question

首先我知道其他人已经问过这个问题，但我不知道为什么我不能让它工作，我对javascript相对较新，只是基本了解。

所以我的网站上有一个链接，可以将您带到一个自动播放的全屏视频页面。我已经完成了。但是我已经查看并查看并尝试了很多东西，以便在完成视频后将其重定向到我网站中的另一个页面（它是一个介绍视频到它重定向到的页面。）我把它设置为在视频播放的确切长度之后重定向，但是如果发生任何缓冲，则在完成之前将具有较慢互联网的用户重定向。

所以这里是我的代码，这是开始正文标记之后的第一行代码（重定向是网站相对路径，因为该网站的页面尚未发布，我尝试将其重定向到谷歌在测试时也没有运气）：

<script src="text/javascript">
video = document.getElementById('myvid');
video.addEventListener('ended',function() {alert('video is ended');       
window.location.href = 'digital_gallery.html';})
</script>

<video id="myvid" class="full_screen" controls autoplay >
<source src="video/animation_project_hd_720p.mp4" type="video/mp4" >
</video>

非常感谢任何帮助，谢谢！

Answer 1

在script标记中，使用type=代替src=。

从其他位置引用javascript文件时应使用

src。

此外，你应该在＆＃34; addEventListener＆＃34;之后加一个分号。线。

<script type="text/javascript">
  video = document.getElementById('myvid');
  video.addEventListener('ended',function() {
    alert('video is ended');       
    window.location.href = 'digital_gallery.html';
  });
</script>

<video id="myvid" class="full_screen" controls autoplay >
  <source src="video/animation_project_hd_720p.mp4" type="video/mp4" >
</video>

Answer 2

所以这就是我所做的工作（如果其他人变得非常沮丧，就像我对此一样）。谢谢杰姆！

<body>
<video id="myvid" class="full_screen" controls autoplay >
  <source src="video/animation_project_hd_720p.mp4" type="video/mp4" >
</video>

<!--A skip link and my copyright in a div that I omitted from this post-->

<script type="text/javascript">
video = document.getElementById('myvid');
video.addEventListener('ended',function() {     
window.location.href = 'digital_gallery.html';
});
</script>

</body>

完成后重定向全屏自动播放HTML5视频

2 个答案: