javascript - 如何在视频播放完毕后重定向到不同的 URL

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

最佳答案

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

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

关于javascript - 如何在视频播放完毕后重定向到不同的 URL,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28255035/

相关文章:

javascript - 每 3 秒更改一次 div 类

apache - 通过一个 php 文件处理任何页面的 http 请求并从 index.html 重定向

java - 将请求重定向到 JSP 中的公共(public)页面

javascript - 夏令时和 JavaScript 时区转换

javascript - 链接需求的正确方法

javascript - 如何使用 materialize.css 创建 slider

.htaccess - 将机器人重定向到站点的静态版本

javascript - 使用 document.querySelector()

javascript - 全局变量不显示在div中

html - 子菜单与 css 一行