☰

跳转 VIP 视频解析

在视频页跳转 VIP 视频解析网站

  1. // ==UserScript==
  2. // @name         跳转 VIP 视频解析
  3. // @namespace    http://tampermonkey.net/
  4. // @version      0.0.2
  5. // @license      MIT
  6. // @description  在视频页跳转 VIP 视频解析网站
  7. // @author       [Ares-Chang](https://github.com/Ares-Chang)
  8. // @match        https://v.qq.com/*
  9. // @match        https://www.mgtv.com/*
  10. // @match        https://www.iqiyi.com/*
  11. // @match        https://www.youku.com/*
  12. // @match        https://v.youku.com/*
  13. // @icon         https://www.google.com/s2/favicons?sz=64&domain=mgtv.com
  14. // @grant        none
  15. // ==/UserScript==
  16.  
  17. /**
  18.  * 以下代码为互联网收集，仅供学习参考，如有版权问题，请联系我删除
  19.  */
  20. (function() {
  21.   'use strict';
  22.  
  23.   const list = [
  24.     'https://jx.77flv.cc/?url=',
  25.     'https://jx.dmflv.cc/?url=',
  26.     'https://jx.xymp4.cc/?url=',
  27.     'https://www.yemu.xyz/?url=',
  28.     'https://jx.xmflv.com/?url=',
  29.     'https://jx.7kjx.com/?url=',
  30.     'https://www.8090.la/8090/?url=',
  31.     'https://api.qianqi.net/vip/?url=',
  32.     'https://jx.mmkv.cn/tv.php?url=',
  33.     'https://jx.973973.xyz/?url=',
  34.     'https://jx.2s0.cn/player/?url=',
  35.     'https://jx.nnxv.cn/tv.php?url=',
  36.   ]
  37.  
  38.   // 从本地存储加载配置
  39.   const loadConfig = () => {
  40.     const config = localStorage.getItem('vip-parse-config')
  41.     if (config) {
  42.       try {
  43.         const parsed = JSON.parse(config)
  44.         return {
  45.           isDarkTheme: parsed.isDarkTheme || false,
  46.           position: parsed.position || { right: '20px', bottom: '20px' },
  47.           lastUsedIndex: parsed.lastUsedIndex ?? -1
  48.         }
  49.       } catch (e) {
  50.         console.error('配置解析错误，使用默认配置')
  51.       }
  52.     }
  53.     return {
  54.       isDarkTheme: false,
  55.       position: { right: '20px', bottom: '20px' },
  56.       lastUsedIndex: -1
  57.     }
  58.   }
  59.  
  60.   // 保存配置到本地存储
  61.   const saveConfig = (config) => {
  62.     try {
  63.       localStorage.setItem('vip-parse-config', JSON.stringify(config))
  64.     } catch (e) {
  65.       console.error('配置保存失败', e)
  66.     }
  67.   }
  68.  
  69.   const config = loadConfig()
  70.  
  71.   // 创建按钮
  72.   const btn = document.createElement('button')
  73.   btn.className = 'vip-parse-btn'
  74.   btn.setAttribute('title', 'VIP视频解析')
  75.   Object.assign(btn.style, config.position)
  76.   document.body.appendChild(btn)
  77.  
  78.   // 创建弹窗
  79.   const modal = document.createElement('div')
  80.   modal.className = 'vip-parse-modal'
  81.  
  82.   // 生成解析接口列表HTML
  83.   const generateListHTML = () => {
  84.     // 重新排序列表，将上次使用的放在最前面
  85.     let sortedList = [...list]
  86.     let lastUsedHtml = ''
  87.     let otherHtml = ''
  88.  
  89.     if (config.lastUsedIndex >= 0) {
  90.       const lastUsed = sortedList[config.lastUsedIndex]
  91.       lastUsedHtml = `
  92.         <div class="vip-parse-item last-used" data-index="${config.lastUsedIndex}">
  93.           <span class="item-name">解析接口 ${config.lastUsedIndex + 1}</span>
  94.           <span class="last-used-badge">上次使用</span>
  95.         </div>
  96.       `
  97.     }
  98.  
  99.     otherHtml = sortedList
  100.       .map((url, index) => {
  101.         if (index === config.lastUsedIndex) return ''
  102.         return `
  103.           <div class="vip-parse-item" data-index="${index}">
  104.             <span class="item-name">解析接口 ${index + 1}</span>
  105.           </div>
  106.         `
  107.       })
  108.       .filter(Boolean)
  109.       .join('')
  110.  
  111.     return `
  112.       ${lastUsedHtml}
  113.       ${lastUsedHtml && otherHtml ? '<div class="vip-parse-divider"></div>' : ''}
  114.       ${otherHtml}
  115.     `
  116.   }
  117.  
  118.   // 更新弹窗内容
  119.   const updateModalContent = () => {
  120.     modal.innerHTML = `
  121.       <div class="vip-parse-modal-header">
  122.         <h3>选择解析接口</h3>
  123.         <div class="theme-toggle">
  124.           <span class="theme-icon">${config.isDarkTheme ? '🌜' : '🌞'}</span>
  125.         </div>
  126.         <div class="close-btn">✕</div>
  127.       </div>
  128.       <div class="vip-parse-list">
  129.         ${generateListHTML()}
  130.       </div>
  131.     `
  132.   }
  133.  
  134.   updateModalContent()
  135.   document.body.appendChild(modal)
  136.  
  137.   // 设置初始主题
  138.   if (config.isDarkTheme) {
  139.     document.body.classList.add('vip-dark-theme')
  140.   }
  141.  
  142.   // 主题切换功能
  143.   let isDarkTheme = config.isDarkTheme
  144.   
  145.   modal.addEventListener('click', (e) => {
  146.     const themeToggle = e.target.closest('.theme-toggle')
  147.     if (themeToggle) {
  148.       isDarkTheme = !isDarkTheme
  149.       document.body.classList.toggle('vip-dark-theme')
  150.       themeToggle.querySelector('.theme-icon').textContent = isDarkTheme ? '🌜' : '🌞'
  151.       config.isDarkTheme = isDarkTheme
  152.       saveConfig(config)
  153.     }
  154.   })
  155.  
  156.   // 按钮拖动功能
  157.   let isDragging = false
  158.   let startX, startY, startLeft, startTop
  159.   let dragStartTime = 0
  160.   let hasMoved = false
  161.  
  162.   const updateButtonPosition = (left, top) => {
  163.     const rect = btn.getBoundingClientRect()
  164.     const maxX = window.innerWidth - rect.width
  165.     const maxY = window.innerHeight - rect.height
  166.  
  167.     // 确保按钮不会超出视窗
  168.     const newLeft = Math.min(Math.max(0, left), maxX)
  169.     const newTop = Math.min(Math.max(0, top), maxY)
  170.  
  171.     // 计算距离边缘的位置
  172.     const right = window.innerWidth - newLeft - rect.width
  173.     const bottom = window.innerHeight - newTop - rect.height
  174.  
  175.     // 更新按钮位置
  176.     const position = {}
  177.     if (newLeft <= maxX / 2) {
  178.       position.left = `${newLeft}px`
  179.       position.right = 'auto'
  180.     } else {
  181.       position.right = `${right}px`
  182.       position.left = 'auto'
  183.     }
  184.  
  185.     if (newTop <= maxY / 2) {
  186.       position.top = `${newTop}px`
  187.       position.bottom = 'auto'
  188.     } else {
  189.       position.bottom = `${bottom}px`
  190.       position.top = 'auto'
  191.     }
  192.  
  193.     Object.assign(btn.style, position)
  194.     config.position = position
  195.     saveConfig(config)
  196.   }
  197.  
  198.   btn.addEventListener('mousedown', (e) => {
  199.     if (e.button !== 0) return // 只响应左键
  200.     isDragging = true
  201.     hasMoved = false
  202.     dragStartTime = Date.now()
  203.     startX = e.clientX
  204.     startY = e.clientY
  205.     const rect = btn.getBoundingClientRect()
  206.     startLeft = rect.left
  207.     startTop = rect.top
  208.     btn.style.transition = 'none'
  209.     btn.style.cursor = 'grabbing'
  210.     modal.style.display = 'none' // 开始拖动时关闭弹窗
  211.  
  212.     // 防止拖动时页面选择
  213.     document.body.style.userSelect = 'none'
  214.     document.body.style.webkitUserSelect = 'none'
  215.  
  216.     // 阻止事件冒泡和默认行为
  217.     e.stopPropagation()
  218.     e.preventDefault()
  219.   })
  220.  
  221.   document.addEventListener('mousemove', (e) => {
  222.     if (!isDragging) return
  223.     const deltaX = e.clientX - startX
  224.     const deltaY = e.clientY - startY
  225.     // 只有移动超过 5px 才认为是拖动
  226.     if (Math.abs(deltaX) > 5 || Math.abs(deltaY) > 5) {
  227.       hasMoved = true
  228.       e.preventDefault()
  229.       e.stopPropagation() // 阻止事件冒泡
  230.       updateButtonPosition(startLeft + deltaX, startTop + deltaY)
  231.     }
  232.   }, { passive: false }) // 添加 passive: false 以确保可以调用 preventDefault
  233.  
  234.   document.addEventListener('mouseup', (e) => {
  235.     if (!isDragging) return
  236.     isDragging = false
  237.     btn.style.transition = 'all 0.3s ease'
  238.     btn.style.cursor = 'grab'
  239.     // 移除可能的全局选择限制
  240.     document.body.style.userSelect = ''
  241.     document.body.style.webkitUserSelect = ''
  242.   })
  243.  
  244.   // 添加额外的事件监听以确保能捕获到鼠标释放
  245.   window.addEventListener('mouseup', (e) => {
  246.     if (!isDragging) return
  247.     isDragging = false
  248.     btn.style.transition = 'all 0.3s ease'
  249.     btn.style.cursor = 'grab'
  250.     document.body.style.userSelect = ''
  251.     document.body.style.webkitUserSelect = ''
  252.   }, true)
  253.  
  254.   // 添加鼠标离开窗口的保护措施
  255.   window.addEventListener('mouseleave', () => {
  256.     if (isDragging) {
  257.       isDragging = false
  258.       btn.style.transition = 'all 0.3s ease'
  259.       btn.style.cursor = 'grab'
  260.       document.body.style.userSelect = ''
  261.       document.body.style.webkitUserSelect = ''
  262.     }
  263.   })
  264.  
  265.   // 添加失去焦点的保护措施
  266.   window.addEventListener('blur', () => {
  267.     if (isDragging) {
  268.       isDragging = false
  269.       btn.style.transition = 'all 0.3s ease'
  270.       btn.style.cursor = 'grab'
  271.       document.body.style.userSelect = ''
  272.       document.body.style.webkitUserSelect = ''
  273.     }
  274.   })
  275.  
  276.   // 点击按钮切换弹窗显示状态
  277.   btn.addEventListener('click', (e) => {
  278.     // 如果有拖动行为，不触发点击
  279.     if (hasMoved) {
  280.       e.preventDefault()
  281.       return
  282.     }
  283.     const btnRect = btn.getBoundingClientRect()
  284.     const isVisible = window.getComputedStyle(modal).display === 'block'
  285.     
  286.     if (!isVisible) {
  287.       // 根据按钮位置调整弹窗位置
  288.       if (btnRect.left <= window.innerWidth / 2) {
  289.         modal.style.left = `${btnRect.right + 20}px`
  290.         modal.style.right = 'auto'
  291.       } else {
  292.         modal.style.right = `${window.innerWidth - btnRect.left + 20}px`
  293.         modal.style.left = 'auto'
  294.       }
  295.  
  296.       if (btnRect.top <= window.innerHeight / 2) {
  297.         modal.style.top = btnRect.top + 'px'
  298.         modal.style.bottom = 'auto'
  299.       } else {
  300.         modal.style.bottom = `${window.innerHeight - btnRect.bottom}px`
  301.         modal.style.top = 'auto'
  302.       }
  303.     }
  304.  
  305.     modal.style.display = isVisible ? 'none' : 'block'
  306.   })
  307.  
  308.   // 点击关闭按钮
  309.   modal.addEventListener('click', (e) => {
  310.     const closeBtn = e.target.closest('.close-btn')
  311.     if (closeBtn) {
  312.       e.stopPropagation()
  313.       modal.style.display = 'none'
  314.     }
  315.  
  316.     const item = e.target.closest('.vip-parse-item')
  317.     if (item) {
  318.       const index = parseInt(item.dataset.index)
  319.       const parseUrl = list[index]
  320.       const currentUrl = window.location.href
  321.       config.lastUsedIndex = index
  322.       saveConfig(config)
  323.       updateModalContent() // 更新列表显示
  324.       window.open(parseUrl + currentUrl, '_blank')
  325.     }
  326.   })
  327.  
  328.   // 点击页面其他区域关闭弹窗
  329.   document.addEventListener('click', (e) => {
  330.     if (!modal.contains(e.target) && !btn.contains(e.target)) {
  331.       modal.style.display = 'none'
  332.     }
  333.   })
  334.  
  335.   // 样式定义
  336.   const style = document.createElement('style')
  337.   style.textContent = `
  338.     .vip-parse-btn {
  339.       position: fixed;
  340.       z-index: 9999;
  341.       width: 48px;
  342.       height: 48px;
  343.       background: var(--primary-color);
  344.       color: white;
  345.       border: none;
  346.       border-radius: 50%;
  347.       cursor: grab;
  348.       box-shadow: 0 2px 8px var(--shadow-color);
  349.       transition: all 0.3s ease;
  350.       display: flex;
  351.       align-items: center;
  352.       justify-content: center;
  353.       font-size: 0;
  354.       user-select: none;
  355.     }
  356.     .vip-parse-btn:active {
  357.       cursor: grabbing;
  358.     }
  359.     .vip-parse-btn::before {
  360.       content: "🎬";
  361.       font-size: 24px;
  362.     }
  363.     .vip-parse-btn::after {
  364.       content: "VIP视频解析";
  365.       position: absolute;
  366.       background: var(--tooltip-bg);
  367.       color: var(--tooltip-text);
  368.       padding: 8px 16px;
  369.       border-radius: 8px;
  370.       font-size: 14px;
  371.       white-space: nowrap;
  372.       right: 60px;
  373.       opacity: 0;
  374.       visibility: hidden;
  375.       transition: all 0.3s ease;
  376.       pointer-events: none;
  377.     }
  378.     .vip-parse-btn:hover {
  379.       background: var(--primary-hover);
  380.       transform: scale(1.1);
  381.       box-shadow: 0 4px 12px var(--shadow-color);
  382.     }
  383.     .vip-parse-btn:hover::after {
  384.       opacity: 1;
  385.       visibility: visible;
  386.     }
  387.     .vip-parse-modal {
  388.       display: none;
  389.       position: fixed;
  390.       background: var(--modal-bg);
  391.       border-radius: 16px;
  392.       box-shadow: var(--modal-shadow);
  393.       z-index: 10000;
  394.       width: 280px;
  395.       overflow: hidden;
  396.       border: 1px solid var(--border-color);
  397.       user-select: none;
  398.     }
  399.     .vip-parse-modal * {
  400.       user-select: none;
  401.     }
  402.     .vip-parse-modal-header {
  403.       padding: 16px;
  404.       background: var(--header-bg);
  405.       border-bottom: 1px solid var(--border-color);
  406.       position: sticky;
  407.       top: 0;
  408.       display: flex;
  409.       justify-content: space-between;
  410.       align-items: center;
  411.       gap: 12px;
  412.     }
  413.     .vip-parse-modal-header h3 {
  414.       margin: 0;
  415.       color: var(--text-color);
  416.       font-size: 16px;
  417.       font-weight: 600;
  418.       flex: 1;
  419.     }
  420.     .theme-toggle {
  421.       width: 32px;
  422.       height: 32px;
  423.       display: flex;
  424.       align-items: center;
  425.       justify-content: center;
  426.       cursor: pointer;
  427.       border-radius: 8px;
  428.       background: var(--toggle-bg);
  429.       transition: all 0.3s ease;
  430.     }
  431.     .theme-toggle:hover {
  432.       background: var(--toggle-hover);
  433.     }
  434.     .theme-icon {
  435.       font-size: 18px;
  436.     }
  437.     .vip-parse-modal .close-btn {
  438.       width: 32px;
  439.       height: 32px;
  440.       display: flex;
  441.       align-items: center;
  442.       justify-content: center;
  443.       cursor: pointer;
  444.       font-size: 20px;
  445.       color: var(--text-color);
  446.       border-radius: 8px;
  447.       background: var(--close-bg);
  448.       transition: all 0.2s ease;
  449.     }
  450.     .vip-parse-modal .close-btn:hover {
  451.       background: var(--close-hover);
  452.       transform: rotate(90deg);
  453.     }
  454.     .vip-parse-list {
  455.       max-height: 360px;
  456.       overflow-y: auto;
  457.       padding: 12px;
  458.     }
  459.     .vip-parse-divider {
  460.       height: 1px;
  461.       background: var(--border-color);
  462.       margin: 12px 0;
  463.       opacity: 0.6;
  464.     }
  465.     .vip-parse-list::-webkit-scrollbar {
  466.       width: 6px;
  467.     }
  468.     .vip-parse-list::-webkit-scrollbar-thumb {
  469.       background: var(--scroll-thumb);
  470.       border-radius: 3px;
  471.     }
  472.     .vip-parse-list::-webkit-scrollbar-track {
  473.       background: var(--scroll-track);
  474.     }
  475.     .vip-parse-item {
  476.       padding: 12px 16px;
  477.       background: var(--item-bg);
  478.       color: var(--text-color);
  479.       border-radius: 8px;
  480.       cursor: pointer;
  481.       transition: all 0.2s ease;
  482.       font-size: 14px;
  483.       margin-bottom: 8px;
  484.       border: 1px solid var(--item-border);
  485.       display: flex;
  486.       justify-content: space-between;
  487.       align-items: center;
  488.     }
  489.     .vip-parse-item:last-child {
  490.       margin-bottom: 0;
  491.     }
  492.     .vip-parse-item:hover {
  493.       background: var(--item-hover);
  494.       transform: translateX(4px);
  495.     }
  496.     .vip-parse-item.last-used {
  497.       background: var(--last-used-bg);
  498.       border-color: var(--last-used-border);
  499.       margin-bottom: 0;
  500.     }
  501.     .last-used-badge {
  502.       font-size: 12px;
  503.       padding: 2px 6px;
  504.       border-radius: 4px;
  505.       background: var(--badge-bg);
  506.       color: var(--badge-text);
  507.     }
  508.  
  509.     /* 亮色主题 */
  510.     :root {
  511.       --primary-color: #3B82F6;
  512.       --primary-hover: #2563EB;
  513.       --modal-bg: #FFFFFF;
  514.       --header-bg: #F8FAFC;
  515.       --text-color: #1E293B;
  516.       --border-color: #E2E8F0;
  517.       --item-bg: #F1F5F9;
  518.       --item-hover: #E2E8F0;
  519.       --item-border: #E2E8F0;
  520.       --close-bg: #F1F5F9;
  521.       --close-hover: #E2E8F0;
  522.       --toggle-bg: #F1F5F9;
  523.       --toggle-hover: #E2E8F0;
  524.       --scroll-thumb: #CBD5E1;
  525.       --scroll-track: #F1F5F9;
  526.       --tooltip-bg: #1E293B;
  527.       --tooltip-text: #FFFFFF;
  528.       --shadow-color: rgba(59, 130, 246, 0.3);
  529.       --modal-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  530.       --last-used-bg: #EFF6FF;
  531.       --last-used-border: #93C5FD;
  532.       --badge-bg: #3B82F6;
  533.       --badge-text: #FFFFFF;
  534.     }
  535.  
  536.     /* 暗色主题 */
  537.     .vip-dark-theme .vip-parse-modal {
  538.       --modal-bg: #1E293B;
  539.       --header-bg: #0F172A;
  540.       --text-color: #F1F5F9;
  541.       --border-color: #334155;
  542.       --item-bg: #334155;
  543.       --item-hover: #475569;
  544.       --item-border: #475569;
  545.       --close-bg: #334155;
  546.       --close-hover: #475569;
  547.       --toggle-bg: #334155;
  548.       --toggle-hover: #475569;
  549.       --scroll-thumb: #475569;
  550.       --scroll-track: #334155;
  551.       --tooltip-bg: #F1F5F9;
  552.       --tooltip-text: #1E293B;
  553.       --shadow-color: rgba(59, 130, 246, 0.5);
  554.       --modal-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
  555.       --last-used-bg: #1E40AF;
  556.       --last-used-border: #3B82F6;
  557.       --badge-bg: #60A5FA;
  558.       --badge-text: #1E293B;
  559.     }
  560.  
  561.     /* 添加全局样式覆盖 */
  562.     .vip-parse-btn {
  563.       pointer-events: auto !important;
  564.       user-select: none !important;
  565.       -webkit-user-select: none !important;
  566.     }
  567.     .vip-parse-btn * {
  568.       pointer-events: none !important;
  569.     }
  570.     .vip-parse-modal {
  571.       pointer-events: auto !important;
  572.     }
  573.   `
  574.   document.head.appendChild(style)
  575.  
  576.   // 添加样式重置
  577.   const resetStyle = document.createElement('style')
  578.   resetStyle.textContent = `
  579.     .mgtv-player-wrap * {
  580.       pointer-events: auto !important;
  581.     }
  582.   `
  583.   document.head.appendChild(resetStyle)
  584. })();

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址