☰

ogfap.com Smart Player (Auto Preview + Auto Next)

【Features】Hover Auto Preview | Auto Continuous Play | Smart Preload | Auto Scroll Loading | Clean Player UI | Bottom Red Progress Bar | Copy Video Link | Download Highest Quality | Right-click Video Info

How to install

You will need to install an extension such as Tampermonkey, Greasemonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install an extension such as Tampermonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Userscripts to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install a user script manager extension to install this script.

(I already have a user script manager, let me install it!)

How to install

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(I already have a user style manager, let me install it!)

Author
le jin
Daily installs
0
Total installs
16
Ratings
0 0 0
Version
1.3
Created
2026-02-28
Updated
2026-03-10
Size
22.2 KB
License
MIT
Applies to

ogfap.com Smart Player (Auto Preview + Auto Next) / ogfap.com智能播放器 (自动预览 + 自动下一集)

📋 Script Information / 脚本信息

  • Version / 版本: 1.0
  • Author / 作者: lele1894
  • Compatible Site / 适用网站: ogfap.com
  • Dependency / 依赖: hls.js

✨ Core Features / 核心功能

🖱️ Hover Auto Preview / 鼠标悬浮自动预览

EN:

  • Automatically switches to dynamic video preview mode when hovering over video thumbnails
  • Automatically restores to static image when mouse leaves
  • No manual operation required, smoother browsing experience

CN:

  • 鼠标悬浮在视频缩略图上时，自动切换到动态视频预览模式
  • 鼠标离开时，自动恢复为静态图片
  • 无需手动操作，浏览体验更流畅

🔄 Auto Continuous Play / 自动连续播放

EN:

  • Support enable/disable auto next episode feature
  • Automatically jump to the next video after playback ends
  • Suitable for continuous viewing of multiple videos

CN:

  • 支持开启/关闭自动下一集功能
  • 视频播放结束后自动跳转到下一个视频
  • 适合连续观看多个视频的场景

⚡ Smart Preload / 智能预加载

EN:

  • Automatically preload the next video when playback reaches 80%
  • Reduce waiting time when switching videos
  • Only preload when "Auto Next" is enabled, save bandwidth

CN:

  • 当视频播放进度达到 80% 时，自动预加载下一个视频
  • 减少切换视频时的等待时间
  • 只在"自动下一集"开启时才会预加载，节省流量

📜 Auto Scroll Loading / 自动滚动加载

EN:

  • Automatically scroll down the page when playback reaches 70%
  • Trigger website's lazy loading mechanism to load more video content
  • Ensure the next episode is loaded when video ends

CN:

  • 当视频播放进度达到 70% 时，自动向下滚动页面
  • 触发网站的懒加载机制，加载更多视频内容
  • 确保在视频结束时，下一集已经加载完毕

🎬 Clean Player UI / 纯净播放界面

EN:

  • Player container fits video screen, completely removes black borders
  • Adaptive screen aspect ratio, maximize screen space
  • Immersive viewing experience

CN:

  • 播放器容器紧贴视频画面，彻底移除黑边
  • 自适应屏幕宽高比，最大化利用屏幕空间
  • 沉浸式观影体验

📊 Bottom Red Progress Bar / 底部红色进度条

EN:

  • Always visible red playback progress bar
  • Real-time playback progress update
  • Clear visual, prominent position

CN:

  • 始终显示的红色播放进度条
  • 实时更新播放进度
  • 视觉清晰，位置醒目

🔗 Copy Video Link / 复制视频链接

EN:

  • One-click copy current video's M3U8 link
  • Automatically select highest quality link
  • Convenient for sharing or using other download tools

CN:

  • 一键复制当前视频的 M3U8 链接
  • 自动选择最高画质链接
  • 方便分享或使用其他下载工具

💾 Download Highest Quality / 下载最高画质

EN:

  • One-click jump to M3U8 download tool
  • Automatically download highest quality version of current video
  • Support multiple resolution options (1080p/720p, etc.)

CN:

  • 一键跳转到 M3U8 下载工具
  • 自动下载当前视频的最高画质版本
  • 支持多种分辨率选择（1080p/720p 等）

ℹ️ Right-click Video Info / 右键查看视频信息

EN:

  • Right-click on video to view detailed information
  • Display resolution, bitrate, buffer time, etc.
  • Help understand video and network status

CN:

  • 右键点击视频查看详细信息
  • 显示分辨率、码率、缓冲时间等信息
  • 帮助了解视频和网络状况

🎮 Usage Instructions / 使用说明

Play Video / 播放视频

EN:

  1. When browsing video list, an orange play button (▶) appears at top-left of each thumbnail
  2. Click play button to open fullscreen player
  3. Support using native video control bar for play/pause, volume adjustment, etc.

CN:

  1. 浏览视频列表时，每个缩略图左上角会显示橙色播放按钮（▶）
  2. 点击播放按钮即可打开全屏播放器
  3. 支持使用视频原生的控制栏进行播放/暂停、调节音量等操作

Auto Preview / 自动预览

EN:

  • Hover over video thumbnail to preview
  • Move mouse away to stop preview
  • Enabled by default, no configuration needed

CN:

  • 鼠标悬浮在视频缩略图上即可预览
  • 移开鼠标自动停止预览
  • 默认开启，无需设置

Enable Auto Next / 开启自动下一集

EN:

  1. After opening player, find "Auto Next" checkbox in bottom-left action bar
  2. Check the checkbox to enable auto continuous play
  3. Settings are saved to local storage, preserved for next visit

CN:

  1. 打开播放器后，在左下角的操作栏中找到"自动下一集"复选框
  2. 勾选复选框即可开启自动连续播放
  3. 设置会自动保存到本地存储，下次访问时保持

Copy Link / Download Video / 复制链接/下载视频

EN:

  1. When playing video, move mouse over video area
  2. Action bar appears at bottom-left (auto hides after 3 seconds)
  3. Click "Copy Link" to copy M3U8 address
  4. Click "Download Highest Quality" to jump to download tool

CN:

  1. 播放视频时，将鼠标移动到视频画面上
  2. 左下角会出现操作栏（3秒后自动隐藏）
  3. 点击"复制链接"复制 M3U8 地址
  4. 点击"下载最高画质"跳转到下载工具

View Video Info / 查看视频信息

EN:

  • Right-click on video in player
  • Display detailed info (resolution, bitrate, buffer, etc.)
  • Right-click again to hide info panel

CN:

  • 在播放器中右键点击视频
  • 显示当前视频的详细信息（分辨率、码率、缓冲等）
  • 再次右键可隐藏信息面板

🔧 Technical Features / 技术特点

Performance Optimization / 性能优化

EN:

  • Preload resources automatically cleaned after 30s to avoid excessive memory usage
  • Use HLS.js for streaming, support adaptive bitrate
  • Button positions synced every 500ms to ensure accurate thumbnail following

CN:

  • 预加载资源会在 30 秒后自动清理，避免占用过多内存
  • 使用 HLS.js 进行流媒体播放，支持自适应码率
  • 按钮位置每 500ms 同步一次，确保准确跟随缩略图

Compatibility / 兼容性

EN:

  • Works with all browsers supporting HLS.js
  • Auto-detect browser compatibility, fallback to native player
  • Adapt to dynamic preview mode and static image mode

CN:

  • 支持 HLS.js 的浏览器均可使用
  • 自动检测浏览器兼容性，降级使用原生播放器
  • 适配动态预览模式和静态图片模式

Smart Recognition / 智能识别

EN:

  • Auto-extract video path prefix, support different storage paths
  • Auto-recognize video ID, build correct playback address
  • Smart select highest quality, priority 1080p > 720p > others

CN:

  • 自动提取视频路径前缀，支持不同的存储路径
  • 自动识别视频 ID，构建正确的播放地址
  • 智能选择最高画质，优先 1080p > 720p > 其他

📝 Notes / 注意事项

EN:

  1. Auto Scroll: Auto scroll triggers at 70% playback, ensuring sufficient videos are loaded
  2. Preload Limit: Preload only works when "Auto Next" is enabled, saving bandwidth
  3. Network Requirement: Playback and preloading require stable network connection
  4. Browser Requirement: Modern browsers supporting JavaScript required
  5. Storage Limit: Auto next settings saved in browser's localStorage

CN:

  1. 自动滚动: 自动滚动功能会在视频播放到 70% 时触发，确保有足够的视频已加载
  2. 预加载限制: 预加载功能只在"自动下一集"开启时工作，避免浪费流量
  3. 网络要求: 播放和预加载需要稳定的网络连接
  4. 浏览器要求: 需要支持 JavaScript 的现代浏览器
  5. 存储限制: 自动下一集设置保存在浏览器的 localStorage 中

🐛 Known Issues / 已知问题

EN:

  • If page scrolls too fast, button positioning may be briefly inaccurate, will auto-correct
  • Preloading may fail when network is unstable, but doesn't affect normal playback

CN:

  • 如果页面滚动过快，可能导致按钮定位短暂不准确，会自动修正
  • 网络不稳定时，预加载可能失败，但不影响正常播放

🔄 Changelog / 更新日志

v1.0 (Current Version / 当前版本)

EN:

  • ✨ Added hover auto preview feature
  • ✨ Added auto continuous play feature
  • ✨ Added smart preload feature
  • ✨ Added auto scroll loading feature
  • 🎨 Optimized player UI, removed black borders
  • 🎨 Added bottom red progress bar
  • 🔧 Added copy link and download features
  • 🔧 Added right-click video info feature
  • 🐛 Fixed button disappearing issue in dynamic preview mode

CN:

  • ✨ 新增鼠标悬浮自动预览功能
  • ✨ 新增自动连续播放功能
  • ✨ 新增智能预加载功能
  • ✨ 新增自动滚动加载功能
  • 🎨 优化播放器界面，移除黑边
  • 🎨 添加底部红色进度条
  • 🔧 添加复制链接和下载功能
  • 🔧 添加右键查看视频信息功能
  • 🐛 修复动态预览模式下按钮消失的问题

📄 License / 许可证

EN: This script is for learning and personal use only, please do not use for commercial purposes.

CN: 本脚本仅供学习和个人使用，请勿用于商业用途。

💡 Feedback & Suggestions / 反馈与建议

EN: Feedback and suggestions are welcome!

CN: 如有问题或建议，欢迎反馈！