想知道怎么写个在一个视频放完后点击下一个视频链接 的脚本,希望能指点一下我大概的实现思路以及要学习的内容。
写一个监听按钮出现事件就行了
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
<title>Document</title>
</head>
<body>
<video id="video" controls>
<source src="https://www.runoob.com/try/demo_source/movie.mp4" type="video/mp4">
<source src="https://www.runoob.com/try/demo_source/movie.ogg" type="video/ogg">
您的浏览器不支持 HTML5 video 标签。
</video>
</body>
<script>
let video = document.getElementById("video")
video.addEventListener("ended", () => {
video.src = 'https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm';
})
</script>
</html>
前端写一个点击事件,跳转到下一个视频即可