# 为 YouTube 或 Bilibili 网页视频做个缩略图一览矩阵

> 本文开放前 70% 正文，剩余内容会员可见。

原文：https://utgd.net/article/21271

去书店买书时，正常人照例要翻几下，总不能望着封面甚至腰封就直接领到柜台结帐。在线视频大多不要钱，却消耗精力，我一直在想，是否有类似于“随手翻翻”的方法，可以让人在几秒钟内做好决策：或是当场浏览，或是下载保存，或是仅取音频，或是徒留字幕，或是收藏搁置，又或是跳过不看。进度条自然是一种方法，效率却不高，远没有翻书那样痛快。

缩略图矩阵是另一个好办法。在处理本地视频时，我就设计过一个低技术视频缩略图预览方案，后来因沉迷做菜和运动，长期追着看新视频，遂突发奇想：能不能在网页上引入缩略图矩阵？

有趣的是，不少非法资源站点早就普及了视频缩略图，真可谓 Jan Chipchase 所说的创造性变通。反观 YouTube 和 Bilibili 等正规视频平台，或许是不能砸创作者的饭碗，迟迟没有加入缩略图机制。毕竟，缩略图就是视频的照妖镜：

- 透视一部纪录片、演讲或科普作品，虽然我常常冲着演讲者而来，但若全程只有演讲者的脸，完全可以只下载音频甚至字幕，节省时间，节省流量，节省精力。两个课时的演讲，换作音频可在通勤时播放，不必看屏幕；取道字幕，更能在几分钟内看完，还可以丢给人工智能辅助研读。

- 剖析一个烹饪、锻炼或园艺的教学视频，如果出现了我没有的特殊设备，例如喷枪、破壁机或杠铃，我可能会暂时搁置，收藏了事。若是遇上液氮瓶这种脑筋正常之辈不会买的设备，我搞不好还会恶其余胥，直接拉黑相关博主（我确实屏蔽了所有若无其事假设所有观众家里都有液氮的博主，不过本文展示的全是正面例子）。

- 摊开一段测评视频，那种全程怼手拍摄、摸来摸去不知在干什么的视频，或者怼脸拍摄、摇头晃脑毫无信息量的玩意儿，可以直接关了不看。为什么有那么多人喜欢看一个中年油腻男人或一只尖嘴猴腮黑框眼镜假冒伪劣韩式刘海小年轻在那里喋喋不休？

- ……

既然要在网页上运行，最理想的方法便是 Javascript，这样就不必限于特定自动化软件。借助大语言模型，我很快调试好了两段 Javascript 脚本，可以分别在 YouTube 或 Bilibili 视频页面上覆盖一个缩略图浮窗，看完也能关掉，不影响后续播放。

上图的烹饪视频中，出现了一些惹眼的道具，好在我基本都有，或起码有替代品，这给了我信心继续往下看。你不能要求所有烹饪视

---

[前往标准阅读页](https://utgd.net/article/21271?audience=web)