Question

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

我已按照此帖子的说明操作： Redirect html5 video after play

但这对我来说似乎不起作用，我无法弄清楚我应该做些什么。

这是我页面上当前的代码：

<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>属性。阅读here并亲自尝试here。

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

祝你好运！

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

1 个答案: