播放视频，然后重定向到新页面

Play video, then redirect to a new page

本文关键字：新页面 重定向 然后 视频 播放      更新时间：2023-09-26

我有一个包含视频的页面;我希望这个视频在页面访问时自动播放，一旦视频播放完毕，我希望重定向到我网站上的另一个页面。

我遵循了这篇文章的指示:重定向html5视频后播放

但这似乎对我不起作用，我不知道我应该怎么做。

下面是我的页面上当前的代码:

<script src="text/javascript">
function playVideo(){
    var video = document.getElementById('addiction-video');
    video.play();
    video.addEventListener('ended',function(){
    location.href = 'http://mywordpresssite.com/addiction-a-call-for-connection-acim/';
    });
}
</script>
<video id="addiction-video" autoplay="autoplay" controls="controls" width="600" height="300">
<source src="http://mywordpresssite.com/wp-content/uploads/2015/12/Addictions.mp4" type="video/mp4" />
</video>

有谁能告诉我为什么视频播放结束后没有重定向吗?

我有上面的代码直接在我的WordPress页面;我试过把脚本放在html下面，我试过把脚本添加到我的主题设置中，但都没有成功。

谢谢!

首先将<script src="text/javascript">更改为<script type="text/javascript">，因为您没有导入外部脚本文件。读一点关于<script>标签。

其次，您不需要playVideo()函数。相应地重写代码:

<script type="text/javascript">
    var video = document.getElementById('addiction-video');
    video.addEventListener('ended',function(){
        location.href = 'http://mywordpresssite.com/addiction-a-call-for-connection-acim/';
    });
</script>
<video id="addiction-video" autoplay="autoplay" controls="controls" width="600" height="300">
    <source src="http://mywordpresssite.com/wp-content/uploads/2015/12/Addictions.mp4" type="video/mp4" />
</video>

你不需要video.play();，因为你在<video>标签中有autoplay="autoplay"属性。在这里阅读相关内容，并在这里亲自尝试。

第三，在编写js代码时保持浏览器控制台打开。

祝你好运!

相关文章：