求一个脚本的开发思路(需求如下)

想知道怎么写个在一个视频放完后点击下一个视频链接 的脚本,希望能指点一下我大概的实现思路以及要学习的内容。

  1. 如果是在自己写的代码里头对视频操作
    一般你都会使用video去看那个视频。video提供了一个检测视频结束的回调方法。

img


然后在回调函数中写下一个的播放逻辑即可
2. 如果你是要写一些插件脚本来点其他网站的话,最简单的方法。
查一下播放结束的元素是否存在,如果存在的话
那就进行下一个视频播放的逻辑。不过这种方法不太好,但是比较通用。
这种页内修改的操作,可以考虑使用油猴插件

写一个监听按钮出现事件就行了



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

前端写一个点击事件,跳转到下一个视频即可