// ==UserScript== // @name YouTube Direct Random Video with Filters // @name:ru YouTube случайное видео сразу с фильтрами // @namespace tweeks.io // @version 6.0.0 // @description Adds a direct YouTube random video button with working filters, Ukrainian language, and a next-video arrow beside the player. // @description:ru Добавляет кнопку случайного видео YouTube с рабочими фильтрами, украинским языком и стрелкой правее плеера для листания видео. // @author Tweeks // @match https://www.youtube.com/* // @match https://youtube.com/* // @grant none // @run-at document-idle // ==/UserScript== (function () { 'use strict'; const ROOT_ID = 'tm-youtube-random-video-root'; const BUTTON_ID = 'tm-youtube-random-videos-button'; const FILTER_BUTTON_ID = 'tm-youtube-random-video-filter-button'; const NEXT_ARROW_ID = 'tm-youtube-random-video-next-arrow'; const PANEL_ID = 'tm-youtube-random-video-filter-panel'; const STYLE_ID = 'tm-youtube-random-videos-style'; const STORAGE_KEY = 'tm-youtube-random-video-filters-v3'; const QUEUE_STORAGE_KEY = 'tm-youtube-random-video-next-queue-v1'; const DEFAULT_SETTINGS = { minViews: 0, maxViews: 100, date: 'tenMinutes', language: 'any' }; const TOPICS_BY_LANGUAGE = { any: [ 'documentary', 'short film', 'live music', 'science experiment', 'street food', 'travel vlog', 'space', 'history', 'technology', 'nature', 'animation', 'tutorial', 'restoration', 'cinematic', 'wildlife', 'architecture', 'cooking', 'gaming', 'интересные видео', 'документальный фильм', 'путешествия', 'наука', 'история', 'музыка live', 'природа', 'технологии', 'рецепты', 'обзор', 'мультфильм', 'цікаві відео', 'документальний фільм', 'подорожі', 'наука українською', 'історія', 'природа', 'технології', 'рецепти', 'огляд', 'мультфільм' ], ru: ['интересные видео', 'документальный фильм', 'путешествия', 'наука', 'история', 'природа', 'технологии', 'рецепты', 'обзор', 'мультфильм'], uk: ['цікаві відео', 'документальний фільм', 'подорожі', 'наука українською', 'історія', 'природа', 'технології', 'рецепти', 'огляд', 'мультфільм', 'новини', 'влог українською'], en: ['documentary', 'short film', 'live music', 'science experiment', 'street food', 'travel vlog', 'space', 'history', 'technology', 'nature', 'tutorial'], es: ['documental', 'viajes', 'ciencia', 'historia', 'naturaleza', 'tecnologia', 'recetas', 'musica en vivo', 'curiosidades'], de: ['dokumentation', 'reise vlog', 'wissenschaft', 'geschichte', 'natur', 'technik', 'kochen', 'musik live'], fr: ['documentaire', 'voyage vlog', 'science', 'histoire', 'nature', 'technologie', 'recette', 'musique live'], ja: ['ドキュメンタリー', '旅行 vlog', '科学', '歴史', '自然', 'テクノロジー', '料理', '音楽ライブ'], ko: ['다큐멘터리', '여행 브이로그', '과학', '역사', '자연', '기술', '요리', '라이브 음악'] }; const MODIFIERS = ['', '4k', 'hd', 'new', 'best', 'amazing', 'random', 'rare', '2024', '2025', 'лучшее', 'новое', 'случайное', 'удивительное']; const DATE_SP = { any: 'EgIQAQ==', // Type: Video tenMinutes: 'EgIIAg==', // Upload date: Today; exact 10 minute filtering is done locally below day: 'EgIIAg==', // Upload date: Today week: 'EgIIAw==', // Upload date: This week month: 'EgIIBA==', // Upload date: This month year: 'EgIIBQ==' // Upload date: This year }; const LANGUAGE_LABELS = { any: 'Любой язык', ru: 'Русский', uk: 'Українська', en: 'English', es: 'Español', de: 'Deutsch', fr: 'Français', ja: '日本語', ko: '한국어' }; function randomItem(list) { return list[Math.floor(Math.random() * list.length)]; } function loadSettings() { try { const settings = Object.assign({}, DEFAULT_SETTINGS, JSON.parse(localStorage.getItem(STORAGE_KEY) || '{}')); settings.minViews = Number(settings.minViews) || 0; settings.maxViews = settings.maxViews === '' || settings.maxViews === null ? '' : Number(settings.maxViews); return settings; } catch (error) { return Object.assign({}, DEFAULT_SETTINGS); } } function saveSettings(settings) { localStorage.setItem(STORAGE_KEY, JSON.stringify(settings)); } function randomQuery(settings) { const language = TOPICS_BY_LANGUAGE[settings.language] ? settings.language : 'any'; const topics = TOPICS_BY_LANGUAGE[language]; // Very strict filters such as 0-100 views and 10 minutes need broader, upload-date-friendly searches. if (settings.date === 'tenMinutes' || Number(settings.maxViews) <= 100) { const freshQueries = language === 'ru' ? ['новое видео', 'только что', 'сегодня', 'прямо сейчас', 'влог', 'обзор', 'стрим', 'новости'] : language === 'uk' ? ['нове відео', 'щойно', 'сьогодні', 'прямо зараз', 'влог українською', 'огляд', 'стрім', 'новини'] : ['new video', 'just uploaded', 'today', 'right now', 'vlog', 'review', 'live', 'news']; if (Math.random() < 0.7) return randomItem(freshQueries); } const parts = [randomItem(topics)]; if (Math.random() < 0.65) parts.push(randomItem(MODIFIERS)); if (Math.random() < 0.25) parts.push(String(Math.floor(Math.random() * 9000) + 1000)); return parts.filter(Boolean).join(' '); } function buildSearchUrl(query, settings) { const url = new URL('/results', location.origin); url.searchParams.set('search_query', query); // For the 10-minute mode, sort search results by upload date so client-side filtering sees fresh videos first. url.searchParams.set('sp', settings.date === 'tenMinutes' ? 'CAI=' : (DATE_SP[settings.date] || DATE_SP.any)); if (settings.language && settings.language !== 'any') { url.searchParams.set('hl', settings.language); url.searchParams.set('relevanceLanguage', settings.language); } return url; } function textFromRuns(value) { if (!value) return ''; if (typeof value.simpleText === 'string') return value.simpleText; if (Array.isArray(value.runs)) return value.runs.map(run => run.text || '').join(''); return ''; } function extractBalancedJson(source, marker) { const markerIndex = source.indexOf(marker); if (markerIndex === -1) return null; const start = source.indexOf('{', markerIndex); if (start === -1) return null; let depth = 0; let quote = ''; let escaped = false; for (let i = start; i < source.length; i++) { const char = source[i]; if (quote) { if (escaped) { escaped = false; } else if (char === '\\') { escaped = true; } else if (char === quote) { quote = ''; } continue; } if (char === '"' || char === '\'') { quote = char; continue; } if (char === '{') depth++; if (char === '}') { depth--; if (depth === 0) return source.slice(start, i + 1); } } return null; } function parseInitialData(html) { const markers = ['var ytInitialData =', 'ytInitialData =', 'window["ytInitialData"] =']; for (const marker of markers) { const jsonText = extractBalancedJson(html, marker); if (!jsonText) continue; try { return JSON.parse(jsonText); } catch (error) { console.warn('[Random Video] Failed to parse ytInitialData:', error); } } return null; } function parseViews(text) { if (!text) return 0; const normalized = text.toLowerCase().replace(/\u00a0/g, ' '); const match = normalized.match(/(\d+(?:[\s.,]\d+)*)/); if (!match) return 0; let multiplier = 1; if (/млрд|billion|\bb\b/.test(normalized)) multiplier = 1000000000; else if (/млн|million|\bm\b/.test(normalized)) multiplier = 1000000; else if (/тыс|thousand|\bk\b/.test(normalized)) multiplier = 1000; let number; if (multiplier > 1) { number = parseFloat(match[1].replace(/\s/g, '').replace(',', '.')); } else { number = parseInt(match[1].replace(/\D/g, ''), 10); } return Number.isFinite(number) ? Math.round(number * multiplier) : 0; } function publishedAgeMs(text) { if (!text) return null; const normalized = text.toLowerCase(); const match = normalized.match(/(\d+)/); const value = match ? parseInt(match[1], 10) : 1; if (/minute|min|мин/.test(normalized)) return value * 60 * 1000; if (/hour|час/.test(normalized)) return value * 60 * 60 * 1000; if (/day|день|дня|дней|сут/.test(normalized)) return value * 24 * 60 * 60 * 1000; if (/week|недел/.test(normalized)) return value * 7 * 24 * 60 * 60 * 1000; if (/month|месяц|месяца|месяцев/.test(normalized)) return value * 30 * 24 * 60 * 60 * 1000; if (/year|год|года|лет/.test(normalized)) return value * 365 * 24 * 60 * 60 * 1000; return null; } function passesDateFilter(video, filter) { if (!filter || filter === 'any') return true; const age = publishedAgeMs(video.publishedText); if (age === null) return false; const limits = { tenMinutes: 10 * 60 * 1000, day: 24 * 60 * 60 * 1000, week: 7 * 24 * 60 * 60 * 1000, month: 31 * 24 * 60 * 60 * 1000, year: 366 * 24 * 60 * 60 * 1000 }; return age <= limits[filter]; } function languageMatches(video, language) { if (!language || language === 'any') return true; const text = `${video.title} ${video.description}`.toLowerCase(); if (language === 'ru') return /[а-яё]/i.test(text) && !/[іїєґ]/i.test(text); if (language === 'uk') { const padded = ` ${text} `; return /[іїєґ]/i.test(text) || [' україн', ' україна ', ' що ', ' та ', ' для ', ' цей ', ' як ', ' огляд ', ' новини '].some(word => padded.includes(word)); } if (language === 'ja') return /[\u3040-\u30ff\u3400-\u9fff]/.test(text); if (language === 'ko') return /[\uac00-\ud7af]/.test(text); if (language === 'en') return /[a-z]/i.test(text) && !/[\u0400-\u04ff\u3040-\u30ff\uac00-\ud7af]/i.test(text); const words = { es: [' el ', ' la ', ' los ', ' las ', ' de ', ' que ', ' para ', ' con ', ' documental ', ' viaje '], de: [' der ', ' die ', ' das ', ' und ', ' mit ', ' für ', ' dokumentation ', ' reise '], fr: [' le ', ' la ', ' les ', ' des ', ' pour ', ' avec ', ' documentaire ', ' voyage '] }[language] || []; return words.some(word => ` ${text} `.includes(word)); } function collectVideos(node, output) { if (!node || typeof node !== 'object') return; if (node.videoRenderer && node.videoRenderer.videoId) { const renderer = node.videoRenderer; const video = { id: renderer.videoId, title: textFromRuns(renderer.title), description: textFromRuns(renderer.descriptionSnippet) || textFromRuns(renderer.detailedMetadataSnippets && renderer.detailedMetadataSnippets[0] && renderer.detailedMetadataSnippets[0].snippetText), viewsText: textFromRuns(renderer.viewCountText) || textFromRuns(renderer.shortViewCountText), publishedText: textFromRuns(renderer.publishedTimeText) }; video.views = parseViews(video.viewsText); output.push(video); } if (Array.isArray(node)) { for (const item of node) collectVideos(item, output); } else { for (const key of Object.keys(node)) collectVideos(node[key], output); } } async function fetchCandidateVideos(settings) { const allVideos = []; const seen = new Set(); const maxAttempts = (settings.date === 'tenMinutes' || Number(settings.maxViews) <= 100) ? 14 : 6; for (let attempt = 0; attempt < maxAttempts; attempt++) { const query = randomQuery(settings); const url = buildSearchUrl(query, settings); const response = await fetch(url.toString(), { credentials: 'same-origin' }); if (!response.ok) continue; const html = await response.text(); const data = parseInitialData(html); if (!data) continue; const videos = []; collectVideos(data, videos); for (const video of videos) { if (!video.id || seen.has(video.id)) continue; seen.add(video.id); allVideos.push(video); } const strictMatches = filterVideos(allVideos, settings, true); if (strictMatches.length >= 6) return strictMatches; } return filterVideos(allVideos, settings, true); } function filterVideos(videos, settings, strictLanguage) { const minViews = Number(settings.minViews) || 0; const maxViews = settings.maxViews === '' || settings.maxViews === null || typeof settings.maxViews === 'undefined' ? Infinity : Number(settings.maxViews); const safeMaxViews = Number.isFinite(maxViews) ? maxViews : Infinity; const baseMatches = videos.filter(video => { return video.views >= minViews && video.views <= safeMaxViews && passesDateFilter(video, settings.date); }); if (!strictLanguage || settings.language === 'any') return baseMatches; return baseMatches.filter(video => languageMatches(video, settings.language)); } function settingsSignature(settings) { return JSON.stringify({ minViews: Number(settings.minViews) || 0, maxViews: settings.maxViews === '' || settings.maxViews === null || typeof settings.maxViews === 'undefined' ? '' : Number(settings.maxViews), date: settings.date || 'any', language: settings.language || 'any' }); } function shuffle(list) { const copy = list.slice(); for (let i = copy.length - 1; i > 0; i--) { const j = Math.floor(Math.random() * (i + 1)); [copy[i], copy[j]] = [copy[j], copy[i]]; } return copy; } function getCurrentVideoId() { try { return new URL(location.href).searchParams.get('v') || ''; } catch (error) { return ''; } } function loadQueue(settings) { try { const queue = JSON.parse(sessionStorage.getItem(QUEUE_STORAGE_KEY) || 'null'); if (!queue || queue.signature !== settingsSignature(settings) || !Array.isArray(queue.ids)) return null; queue.index = Number(queue.index) || 0; return queue; } catch (error) { return null; } } function saveQueue(settings, ids, index) { sessionStorage.setItem(QUEUE_STORAGE_KEY, JSON.stringify({ signature: settingsSignature(settings), ids, index: Number(index) || 0, savedAt: Date.now() })); } function videoUrl(videoId) { return new URL(`/watch?v=${encodeURIComponent(videoId)}`, location.origin).toString(); } async function openNextFilteredVideo(triggerButton) { const settings = loadSettings(); const oldText = triggerButton ? triggerButton.textContent : ''; if (triggerButton) { triggerButton.disabled = true; triggerButton.textContent = triggerButton.id === NEXT_ARROW_ID ? '...' : 'Ищу видео...'; } try { const currentId = getCurrentVideoId(); let queue = loadQueue(settings); let ids = queue ? queue.ids.filter(Boolean) : []; let index = queue ? Math.min(queue.index, ids.length) : 0; while (ids.length && index < ids.length && ids[index] === currentId) index++; if (!ids.length || index >= ids.length) { const candidates = await fetchCandidateVideos(settings); ids = shuffle(candidates.map(video => video.id).filter(id => id && id !== currentId)); index = 0; } if (!ids.length) { alert('Не удалось найти следующее видео под выбранные фильтры. Попробуйте нажать еще раз или ослабить фильтры.'); return; } const nextId = ids[index]; saveQueue(settings, ids, index + 1); location.href = videoUrl(nextId); } catch (error) { console.error('[Random Video] Failed to open the next filtered video:', error); alert('Не удалось открыть следующее видео. Проверьте соединение и попробуйте еще раз.'); } finally { if (triggerButton) { triggerButton.disabled = false; triggerButton.textContent = oldText || (triggerButton.id === NEXT_ARROW_ID ? '›' : 'Случайное видео'); } } } async function goToRandomVideo() { const button = document.getElementById(BUTTON_ID); const settings = loadSettings(); const oldText = button ? button.textContent : ''; if (button) { button.disabled = true; button.textContent = 'Ищу видео...'; } try { const candidates = await fetchCandidateVideos(settings); if (!candidates.length) { alert('Не удалось найти видео под выбранные фильтры. Для режима 0-100 просмотров и 10 минут назад это бывает, если YouTube не отдал свежие ролики. Попробуйте нажать еще раз или ослабить фильтры.'); return; } const shuffledIds = shuffle(candidates.map(item => item.id).filter(Boolean)); const video = randomItem(candidates); const selectedIndex = Math.max(0, shuffledIds.indexOf(video.id)); saveQueue(settings, shuffledIds, selectedIndex + 1); location.href = videoUrl(video.id); } catch (error) { console.error('[Random Video] Failed to open a random video:', error); alert('Не удалось открыть случайное видео. Проверьте соединение и попробуйте еще раз.'); } finally { if (button) { button.disabled = false; button.textContent = oldText || 'Случайное видео'; } } } function makeSelect(settingName, options, currentValue) { const select = document.createElement('select'); select.dataset.setting = settingName; for (const [value, label] of options) { const option = document.createElement('option'); option.value = value; option.textContent = label; option.selected = String(currentValue) === String(value); select.appendChild(option); } select.addEventListener('change', () => { const settings = loadSettings(); settings[settingName] = select.value; saveSettings(settings); }); return select; } function makeViewsSelect(settings) { const select = document.createElement('select'); select.dataset.setting = 'viewsRange'; const current = `${Number(settings.minViews) || 0}-${settings.maxViews === '' || settings.maxViews === null || typeof settings.maxViews === 'undefined' ? '' : Number(settings.maxViews)}`; const options = [ ['0-100', 'от 0 до 100'], ['0-', 'Любые'], ['0-1000', 'от 0 до 1 тыс.'], ['1000-10000', 'от 1 тыс. до 10 тыс.'], ['10000-', 'от 10 тыс.'], ['100000-', 'от 100 тыс.'], ['1000000-', 'от 1 млн'] ]; for (const [value, label] of options) { const option = document.createElement('option'); option.value = value; option.textContent = label; option.selected = current === value; select.appendChild(option); } select.addEventListener('change', () => { const [min, max] = select.value.split('-'); const settingsToSave = loadSettings(); settingsToSave.minViews = Number(min) || 0; settingsToSave.maxViews = max === '' ? '' : Number(max); saveSettings(settingsToSave); }); return select; } function makeLabel(text, control) { const label = document.createElement('label'); const span = document.createElement('span'); span.textContent = text; label.append(span, control); return label; } function makePanel(settings) { const panel = document.createElement('div'); panel.id = PANEL_ID; panel.hidden = true; panel.append( makeLabel('Просмотры', makeViewsSelect(settings)), makeLabel('Дата выпуска', makeSelect('date', [ ['tenMinutes', '10 минут назад'], ['any', 'Любая'], ['day', 'Сегодня'], ['week', 'За неделю'], ['month', 'За месяц'], ['year', 'За год'] ], settings.date)), makeLabel('Язык', makeSelect('language', Object.entries(LANGUAGE_LABELS), settings.language)) ); return panel; } function makeControls() { const settings = loadSettings(); const root = document.createElement('div'); root.id = ROOT_ID; const button = document.createElement('button'); button.id = BUTTON_ID; button.type = 'button'; button.title = 'Открыть случайное видео сразу'; button.setAttribute('aria-label', 'Открыть случайное видео'); button.textContent = 'Случайное видео'; button.addEventListener('click', goToRandomVideo); const filterButton = document.createElement('button'); filterButton.id = FILTER_BUTTON_ID; filterButton.type = 'button'; filterButton.title = 'Фильтры случайного видео'; filterButton.setAttribute('aria-label', 'Фильтры случайного видео'); filterButton.textContent = 'Фильтры'; const panel = makePanel(settings); filterButton.addEventListener('click', event => { event.stopPropagation(); panel.hidden = !panel.hidden; }); document.addEventListener('click', event => { if (!root.contains(event.target)) panel.hidden = true; }); root.append(button, filterButton, panel); return root; } function addStyles() { let style = document.getElementById(STYLE_ID); if (!style) { style = document.createElement('style'); style.id = STYLE_ID; document.head.appendChild(style); } style.dataset.version = '6'; style.textContent = ` #${ROOT_ID} { display: inline-flex; align-items: center; gap: 8px; margin: 0 4px 0 12px; position: relative; z-index: 2020; flex: 0 0 auto; font-family: Roboto, Arial, sans-serif; } #${BUTTON_ID}, #${FILTER_BUTTON_ID} { height: 40px; padding: 0 14px; border: 1px solid var(--ytd-searchbox-legacy-button-border-color, #d3d3d3); border-radius: 20px; background: var(--yt-spec-badge-chip-background, #f2f2f2); color: var(--yt-spec-text-primary, #0f0f0f); font: 500 14px/40px Roboto, Arial, sans-serif; white-space: nowrap; cursor: pointer; } #${FILTER_BUTTON_ID} { padding: 0 11px; font-size: 13px; margin-left: 0; } #${BUTTON_ID}:hover, #${FILTER_BUTTON_ID}:hover { background: var(--yt-spec-mono-tonal-hover, #e5e5e5); } #${BUTTON_ID}:disabled { opacity: .65; cursor: wait; } #${PANEL_ID} { position: absolute; top: 46px; right: 0; min-width: 230px; padding: 12px; border: 1px solid var(--yt-spec-10-percent-layer, rgba(0,0,0,.15)); border-radius: 12px; background: var(--yt-spec-base-background, #fff); color: var(--yt-spec-text-primary, #0f0f0f); box-shadow: 0 4px 16px rgba(0,0,0,.18); } #${PANEL_ID}[hidden] { display: none; } #${PANEL_ID} label { display: grid; gap: 5px; margin-bottom: 10px; font-size: 12px; color: var(--yt-spec-text-secondary, #606060); } #${PANEL_ID} label:last-child { margin-bottom: 0; } #${PANEL_ID} select { width: 100%; height: 34px; border: 1px solid var(--ytd-searchbox-legacy-button-border-color, #d3d3d3); border-radius: 8px; background: var(--yt-spec-base-background, #fff); color: var(--yt-spec-text-primary, #0f0f0f); padding: 0 8px; font: 400 13px Roboto, Arial, sans-serif; } html[dark] #${BUTTON_ID}, html[dark] #${FILTER_BUTTON_ID}, [dark] #${BUTTON_ID}, [dark] #${FILTER_BUTTON_ID} { border-color: rgba(255,255,255,.2); } #${NEXT_ARROW_ID} { position: fixed; width: 44px; height: 64px; border: 1px solid rgba(255,255,255,.22); border-radius: 24px; background: rgba(15,15,15,.72); color: #fff; font: 600 38px/58px Roboto, Arial, sans-serif; text-align: center; cursor: pointer; z-index: 2021; box-shadow: 0 3px 12px rgba(0,0,0,.28); transition: background .15s ease, opacity .15s ease, transform .15s ease; } #${NEXT_ARROW_ID}:hover { background: rgba(15,15,15,.9); transform: translateX(2px); } #${NEXT_ARROW_ID}:disabled { opacity: .65; cursor: wait; transform: none; } #${NEXT_ARROW_ID}[hidden] { display: none; } @media (max-width: 960px) { #${NEXT_ARROW_ID} { width: 38px; height: 54px; border-radius: 20px; font-size: 32px; line-height: 49px; } } @media (max-width: 760px) { #${ROOT_ID} { margin: 0 2px 0 6px; gap: 4px; } #${FILTER_BUTTON_ID} { margin-left: 0; } #${BUTTON_ID}, #${FILTER_BUTTON_ID} { padding: 0 9px; font-size: 12px; } } `; } function findSearchForm() { const input = document.querySelector('input[name="search_query"]'); if (!input) return null; return input.closest('form') || document.querySelector('form[action="/results"], ytd-searchbox form, #search-form'); } function findVoiceSearchButtonContainer() { return document.querySelector('#masthead #center #voice-search-button, #voice-search-button'); } function insertControls() { const legacyButton = document.getElementById(BUTTON_ID); if (legacyButton && (!legacyButton.parentElement || legacyButton.parentElement.id !== ROOT_ID)) { legacyButton.remove(); } const voiceButtonContainer = findVoiceSearchButtonContainer(); const existingRoot = document.getElementById(ROOT_ID); const root = existingRoot || makeControls(); if (voiceButtonContainer && voiceButtonContainer.parentElement) { addStyles(); if (root.nextElementSibling !== voiceButtonContainer) { voiceButtonContainer.parentElement.insertBefore(root, voiceButtonContainer); } return true; } const form = findSearchForm(); if (!form || !form.parentElement) return false; addStyles(); if (!existingRoot) { form.insertAdjacentElement('afterend', root); } return true; } function isWatchPage() { return location.pathname === '/watch' && Boolean(getCurrentVideoId()); } function findMainPlayer() { return document.querySelector('ytd-watch-flexy #player') || document.querySelector('#movie_player') || document.querySelector('ytd-player#ytd-player'); } function ensureNextArrow() { if (!document.body) return null; let arrow = document.getElementById(NEXT_ARROW_ID); if (!arrow) { arrow = document.createElement('button'); arrow.id = NEXT_ARROW_ID; arrow.type = 'button'; arrow.textContent = '›'; arrow.title = 'Следующее случайное видео по фильтрам'; arrow.setAttribute('aria-label', 'Следующее случайное видео по фильтрам'); arrow.addEventListener('click', () => openNextFilteredVideo(arrow)); document.body.appendChild(arrow); } return arrow; } function updateNextArrowPosition() { const arrow = ensureNextArrow(); if (!arrow) return false; const player = findMainPlayer(); if (!isWatchPage() || !player || document.fullscreenElement) { arrow.hidden = true; return false; } const rect = player.getBoundingClientRect(); if (rect.width < 120 || rect.height < 90 || rect.bottom <= 0 || rect.top >= window.innerHeight) { arrow.hidden = true; return false; } const arrowWidth = arrow.offsetWidth || 44; const arrowHeight = arrow.offsetHeight || 64; const left = Math.min(window.innerWidth - arrowWidth - 8, Math.max(8, rect.right + 10)); const top = Math.min(window.innerHeight - arrowHeight - 8, Math.max(8, rect.top + (rect.height - arrowHeight) / 2)); arrow.style.left = `${Math.round(left)}px`; arrow.style.top = `${Math.round(top)}px`; arrow.hidden = false; return true; } function startNextArrow() { addStyles(); updateNextArrowPosition(); requestAnimationFrame(updateNextArrowPosition); setTimeout(updateNextArrowPosition, 600); setTimeout(updateNextArrowPosition, 1600); } window.addEventListener('resize', updateNextArrowPosition, { passive: true }); window.addEventListener('scroll', updateNextArrowPosition, { passive: true }); document.addEventListener('fullscreenchange', updateNextArrowPosition); function start() { const controlsInserted = insertControls(); startNextArrow(); if (controlsInserted) return; const target = document.body || document.documentElement; if (!target) return; const observer = new MutationObserver(() => { if (insertControls()) observer.disconnect(); }); observer.observe(target, { childList: true, subtree: true }); setTimeout(() => observer.disconnect(), 15000); } document.addEventListener('yt-navigate-finish', start); if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', start, { once: true }); } else { start(); } })();