视频播放完毕后如何重定向到不同的 URL答案

【问题标题】：How to redirect to a different URL after a video has finished playing视频播放完毕后如何重定向到不同的 URL
【发布时间】：2015-01-31 18:27:59
【问题描述】：

您好，我正在尝试在我的视频播放完毕后将我的页面重定向到另一个地址，但到目前为止我一直在苦苦挣扎。我已经从 Stack 上的另一篇文章中改编了下面的代码，但还没有让它工作。

任何帮助将不胜感激。

<script src="text/javascript">

function playVideo() {
    var video= document.getElementById('video');
    video.play();
    video.addEventListener('ended',function() {
        window.location= 'http://www.google.com';
    });
}

</script>

<video width="1280" height="720" autoplay id="video">
<source src="Jantex_Vid_converted.mp4" type="video/mp4" />
</video>

【问题讨论】：

标签： javascript html redirect video

【解决方案1】：

如果你写了一个函数，你必须运行它

<script src="text/javascript">

    function playVideo() {
        var video= document.getElementById('video');
        video.play();
        video.addEventListener('ended',function() {
            window.location= 'http://www.google.com';
        });
    }
    playVideo();
    </script>

    <video width="1280" height="720" autoplay id="video">
    <source src="Jantex_Vid_converted.mp4" type="video/mp4" />
    </video>

【讨论】：

自动播放开启，OP应该要么移除自动播放，要么不在函数内部执行video.play。
是的，但他在问为什么他的功能不起作用
True @Evan，只希望 OP 在接受您的回答时阅读；-)

【解决方案2】：

您的代码不起作用有两个原因：

首先：您需要将 javascript 代码移到 HTML 代码下方，因为您无法引用尚未创建的元素。

第二次：你正在开始你的javascript代码，比如

<script src="text/javascript">

应该是这样的

<script type="text/javascript" language="javascript">

如果你改变这两件事，我相信它会起作用。它对我有用。

【讨论】：