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

Question

我有一个 WordPress 网站，其中一个页面包含视频；我希望该视频在访问页面时自动播放，并且在视频播放完毕后，我希望重定向到我网站上的其他页面。

我已按照这篇文章的说明进行操作： 播放后重定向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 下方，并且尝试将脚本添加到我的主题设置中，但都没有成功。

谢谢！

Answer 1

首先将

<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();

，因为

autoplay="autoplay"

标签中有

<video>

属性。请阅读此处并亲自尝试此处。

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

祝你好运！

Answer 2

我尝试了你的建议脚本仅成功，显示图片视频，可以使用选项按钮enu播放，但播放完成后，仍然不能或还不能调用加载其他页面/其他网址？任何解决方案，谢谢你强文本u的所有支持