设置视频播放定时跳转JS代码

最新推荐文章于 2024-01-25 12:29:03 发布

fjb2080

最新推荐文章于 2024-01-25 12:29:03 发布

阅读量5.6k

点赞数

分类专栏： WEB技术文章标签： javascript

本文链接：https://blog.csdn.net/fjb2080/article/details/76461653

版权

WEB技术专栏收录该内容

60 篇文章

订阅专栏

相应视频播放，并在播放过程中，定时跳转。

video.js

<script>
var video = document.getElementById("video");
video.addEventListener("playing", function () {
    window.setTimeout("jump_to()", 6000);
});
function jump_to() {
    window.location.href="http://blog.csdn.net/fjb2080";
}
</script>

HTML代码，index.html

<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="content-type" content="text/html" />
    <meta name="author" content="my test" />
        <meta charset="UTF-8"/> 
        <script src="js/video.js"></script>
    <title>fjb2080 blog</title>
</head>
<body>
<div>
<video id="video" autoplay src="http://ugclx.video.gtimg.com/flv/100/181/k0304ni005w.p702.1.mp4?sdtfrom=v1010&guid=0a631022b31d65169cca1218564ddf75&vkey=D5B7104A62EC02A06173491D67CD97DC7F60694ED7F90B8C26DADE45F16FC17CB18F41357E3EEBF7AD3A97CDC09F489B85E03CC2311226E2656D68A157C2BC5F1F4F847B45512154E87467BB9FA627201791F321058D6EC92BE8958540EAACD91F2304D986D3858515A300C8C3A8A36F75FA3B9F41BD5B66&platform=2" controls preload="auto" poster=""></video>
</div>
</body>
</html>