如何在视频播放完毕后重定向到其他网址

时间:2015-01-31 18:27:59

标签: javascript html redirect video

您好我在我的视频播放结束后尝试将我的页面重定向到另一个地址,而且我到目前为止还在苦苦挣扎。我已经在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>

2 个答案:

答案 0 :(得分:2)

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

<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>

答案 1 :(得分:1)

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

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

第二次:您正在开始使用

等javascript代码
<script src="text/javascript">

它应该像

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

如果你改变这两件事,我相信它会奏效。它对我有用。