type
status
date
slug
summary
tags
category
icon
password
如果你也和之前的我一样有这些疑问：
youtube/bilibili视频播放器如何控制视频时间？
视频播放器如何实现跳转到指定的时间点？
bilibili视频的视频空降链接如何实现？
那么这篇文章就是来解答这个问题的！
DOM和HTMLVideoElement
youtube/bilibili的视频播放器都来自一个vedio元素，类型是HTMLVideoElement，我们可以通过它来直接操作网页中的视频播放器。
这是这两天研究浏览器插件时发现的，例如我想直接设置当前视频播放的时间为视频1分32秒的位置。我可以直接：
————指定Vedio元素————
document.querySelector("video")>>> <video …… ></video>
————GLM-4的回答————
document.querySelector 是一个JavaScript函数，它允许开发者在HTML文档中通过CSS选择器选择一个元素。当使用 `document.querySelector("video")` 时，它将返回文档中第一个`<video>`元素。这个选择器能做的事情取决于你随后对返回元素执行的操作。以下是一些常见的用途：
1. 播放视频：
2. 暂停视频：
3. 更改视频源：
4. 监听事件：
5. 调整音量：
6. 全屏播放：
7. 控制播放速度：
8. 跳转到特定时间：
使用这些方法，你可以编写脚本来控制视频的播放、暂停、音量、播放速度以及其他与视频播放相关的行为。记得在使用这些方法之前，确保页面已经加载了视频元素，否则你的脚本可能不会按预期工作。
关于我我是一个正在学习和实现网站开发的开发者，希望在今年运营出一个 MRR $100 的作品。
如果你发现了什么问题、可改进的地方，或者只是想随意地聊聊天，都非常欢迎联系我！
[即刻 @Sawana](https://okjk.co/Mx4XUR)
[X @HSawana9](https://twitter.com/HSawana9)
- 作者:Sawana H
- 链接:https://tangly1024.com/article/27360cfa-3227-47e1-b037-60ca1750c855
- 声明:本文采用 CC BY-NC-SA 4.0 许可协议，转载请注明出处。
