正在获取视频信息...
${platform.name}
解析线路
💡 提示：选择解析线路后点击按钮，将在新窗口打开解析结果
`;
document.body.appendChild(panel);
// 绑定事件
bindPanelEvents(panel);
// 更新视频标题
updateVideoTitle();
// 设置默认选中的线路
const lineSelect = document.getElementById('vp-line-select');
if (lineSelect) {
lineSelect.value = CONFIG.DEFAULT_LINE;
}
return panel;
}
/**
* 绑定面板事件
*/
function bindPanelEvents(panel) {
const header = document.getElementById('vp-panel-header');
const minimizeBtn = document.getElementById('vp-btn-minimize');
const closeBtn = document.getElementById('vp-btn-close');
const parseBtn = document.getElementById('vp-btn-parse');
const lineSelect = document.getElementById('vp-line-select');
// 拖拽功能
let isDragging = false;
let dragOffset = { x: 0, y: 0 };
header.addEventListener('mousedown', (e) => {
if (e.target.closest('.vp-btn-icon')) return;
isDragging = true;
const rect = panel.getBoundingClientRect();
dragOffset.x = e.clientX - rect.left;
dragOffset.y = e.clientY - rect.top;
panel.classList.add('dragging');
});
document.addEventListener('mousemove', (e) => {
if (!isDragging) return;
const x = e.clientX - dragOffset.x;
const y = e.clientY - dragOffset.y;
// 限制在视口内
const maxX = window.innerWidth - panel.offsetWidth;
const maxY = window.innerHeight - panel.offsetHeight;
panel.style.left = Math.max(0, Math.min(x, maxX)) + 'px';
panel.style.top = Math.max(0, Math.min(y, maxY)) + 'px';
panel.style.right = 'auto';
});
document.addEventListener('mouseup', () => {
if (isDragging) {
isDragging = false;
panel.classList.remove('dragging');
// 保存位置
const rect = panel.getBoundingClientRect();
GM_setValue(CONFIG.PANEL_POS_KEY, {
x: rect.left,
y: rect.top
});
}
});
// 最小化/展开
minimizeBtn.addEventListener('click', () => {
panel.classList.toggle('minimized');
const isMinimized = panel.classList.contains('minimized');
GM_setValue(CONFIG.PANEL_STATE_KEY, isMinimized);
// 更新按钮图标
minimizeBtn.innerHTML = isMinimized
? '