Greasy Fork is available in English.
带浮动控制面板的Plyr视频控制器（播放时触发跳转+自动点击确认）
// ==UserScript==
// @name Plyr Video Controller Pro (可安装版)
// @namespace http://tampermonkey.net/
// @version 1.5
// @description 带浮动控制面板的Plyr视频控制器（播放时触发跳转+自动点击确认）
// @author glenn
// @match http://dxzx.ouc.edu.cn/*
// @grant GM_addStyle
// @grant GM_getValue
// @grant GM_setValue
// @require https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js
// @license MIT
// @run-at document-end
// ==/UserScript==
(function() {
'use strict';
// 配置存储
const config = {
autoSkip: GM_getValue('autoSkip', true),
enableSeek: GM_getValue('enableSeek', true),
playbackSpeed: GM_getValue('speed', 2.0),
skipDelay: GM_getValue('delay', 100),
autoClick: GM_getValue('autoClick', true),
debugMode: GM_getValue('debug', true)
};
// 精准样式（匹配目标网站UI）
GM_addStyle(`
#plyr-control-panel {
position: fixed;
bottom: 20px;
right: 20px;
z-index: 9999;
background: rgba(255,255,255,0.95);
border: 1px solid #e0e0e0;
border-radius: 8px;
padding: 12px 15px;
width: 260px;
box-shadow: 0 3px 12px rgba(0,0,0,0.15);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
#plyr-control-panel h3 {
margin: 0 0 10px 0;
color: #333;
font-size: 16px;
font-weight: 600;
border-bottom: 1px solid #eee;
padding-bottom: 8px;
}
.control-row {
margin: 12px 0;
display: flex;
align-items: center;
}
.control-label {
flex: 1;
font-size: 14px;
color: #555;
}
.control-btn {
background: #f8f9fa;
border: 1px solid #dadce0;
color: #3c4043;
padding: 6px 12px;
border-radius: 4px;
cursor: pointer;
font-size: 13px;
transition: all 0.2s;
}
.control-btn:hover {
background: #f1f3f4;
border-color: #d2e3fc;
}
.control-checkbox {
margin-right: 8px;
accent-color: #1a73e8;
}
.speed-input {
width: 50px;
padding: 4px;
border: 1px solid #dadce0;
border-radius: 4px;
text-align: center;
}
`);
// 自动点击"我知道了"（精准匹配图片结构）
function autoClickConfirm() {
if (!config.autoClick) return false;
// 精确匹配路径：.public_cont1 > .public_table > .public_text > a.public_result
const confirmButton = document.querySelector('.public_cont1 .public_table .public_text a.public_result');
if (confirmButton && confirmButton.textContent.trim() === "我知道了") {
confirmButton.click();
debugLog('自动点击成功');
return true;
}
return false;
}
// 创建控制面板（中文化界面）
function createControlPanel() {
const panel = document.createElement('div');
panel.id = 'plyr-control-panel';
panel.innerHTML = `
<h3>Plyr视频控制器</h3>
<div class="control-row">
<label class="control-label">
<input type="checkbox" class="control-checkbox" id="auto-skip" ${config.autoSkip ? 'checked' : ''}>
自动跳转结尾
</label>
</div>
<div class="control-row">
<label class="control-label">
<input type="checkbox" class="control-checkbox" id="enable-seek" ${config.enableSeek ? 'checked' : ''}>
启用进度条
</label>
</div>
<div class="control-row">
<label class="control-label">
<input type="checkbox" class="control-checkbox" id="auto-click" ${config.autoClick ? 'checked' : ''}>
自动点击确认
</label>
</div>
<div class="control-row">
<span class="control-label">播放速度:</span>
<input type="number" class="speed-input" id="speed-control" min="0.5" max="4" step="0.1" value="${config.playbackSpeed}">
</div>
<div class="control-row" style="justify-content: flex-end;">
<button class="control-btn" id="apply-btn">应用设置</button>
<button class="control-btn" id="reset-btn">重置视频</button>
</div>
`;
document.body.appendChild(panel);
// 事件监听
document.getElementById('apply-btn').addEventListener('click', applySettings);
document.getElementById('reset-btn').addEventListener('click', resetVideo);
}
// 应用设置
function applySettings() {
config.autoSkip = document.getElementById('auto-skip').checked;
config.enableSeek = document.getElementById('enable-seek').checked;
config.autoClick = document.getElementById('auto-click').checked;
config.playbackSpeed = parseFloat(document.getElementById('speed-control').value);
GM_setValue('autoSkip', config.autoSkip);
GM_setValue('enableSeek', config.enableSeek);
GM_setValue('autoClick', config.autoClick);
GM_setValue('speed', config.playbackSpeed);
if (window.currentPlayer) {
setupPlayerHooks(window.currentPlayer);
}
alert('设置已保存！');
}
// 重置视频
function resetVideo() {
if (window.currentPlayer) {
window.currentPlayer.currentTime = 0;
window.currentPlayer.play();
}
}
// 核心控制逻辑
function setupPlayerHooks(player) {
// 移除原有限制
player.off('ended');
player.off('timeupdate');
// 设置播放速度
player.speed = config.playbackSpeed;
// 启用进度条
if (config.enableSeek) {
player.media.controls = true;
player.media.removeAttribute('controlslist');
document.querySelector('.plyr__progress').style.display = 'block';
}
// 播放时跳转逻辑
player.on('play', () => {
if (config.autoSkip) {
setTimeout(() => {
if (player.duration > 0) {
player.currentTime = player.duration - 1;
debugLog('已触发结尾跳转');
}
}, config.skipDelay);
}
autoClickConfirm();
});
// 添加自动点击触发点
player.on('pause', autoClickConfirm);
player.on('ended', autoClickConfirm);
}
// 播放器检测
function detectPlayer() {
const video = document.querySelector('video');
if (video) {
const checkInterval = setInterval(() => {
if (video.plyr) {
clearInterval(checkInterval);
window.currentPlayer = video.plyr;
setupPlayerHooks(video.plyr);
}
}, 500);
}
}
// 初始化
function init() {
createControlPanel();
detectPlayer();
// 监听动态内容加载
new MutationObserver((mutations) => {
detectPlayer();
autoClickConfirm();
}).observe(document.body, {
childList: true,
subtree: true
});
// 定时检查确认按钮（每2秒）
setInterval(autoClickConfirm, 2000);
}
// 调试日志
function debugLog(message) {
if (config.debugMode) console.log(`[Plyr控制] ${new Date().toLocaleTimeString()}: ${message}`);
}
// 启动
if (document.readyState === 'complete') {
init();
} else {
window.addEventListener('load', init);
}
})();