☰

Pornhub Progress Bar Thumbnail Preview

Pornhub 视频进度条悬停缩略图预览

설치 방법

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램을 설치해야 합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

Advertisement:

설치 방법

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

Advertisement:
작성자
burgess Leo
일일 설치 수
1
총 설치 수
5
평점
0 0 0
버전
4.1
생성일
2026-06-17
갱신일
2026-06-18
크기
15.6KB
라이선스
MIT
적용 사이트

Pornhub 视频进度条悬停缩略图预览 —— 鼠标悬停在进度条上时，浮动显示对应时间点的视频帧预览。

功能

  • 🖱️ 鼠标悬停进度条任意位置，显示对应时间点的缩略图
  • 🕐 实时显示时间戳（M:SS 或 H:MM:SS 格式）
  • 🖼️ 支持两种缩略图格式：单帧图片和雪碧图（sprite sheet）
  • 📱 支持触屏设备（touchmove / touchend）
  • 🖥️ 全屏模式下正常工作
  • 🔄 自动检测页面动态加载的视频

效果图

效果图

使用

打开任意 Pornhub / Pornhub Premium 视频页面，将鼠标悬停在播放进度条上即可看到缩略图预览。

配置

编辑脚本顶部的 CFG 对象：

选项 默认值 说明
previewWidth 200 预览窗口宽度（px）
previewHeight 112 预览窗口高度（px）
hoverDelay 10 悬停延迟（ms），避免快速划过时频繁请求
debug false 开启调试日志

支持的站点

  • *.pornhub.com/view_video.php*
  • *.pornhubpremium.com/view_video.php*

原理

脚本从 Pornhub 页面的 flashvars_* 全局变量中提取缩略图数据，根据 URL 格式自动选择渲染模式：

  • 单帧模式 — 通过 urlPattern 模板按需加载独立缩略图
  • 雪碧图模式 — 从 sprite sheet 大图中裁剪对应帧区域绘制到 Canvas

进度条元素通过 .mgp_seekbar / .mgp_progressWrapper 等选择器自动定位。

License

MIT