Rutube Enhancer

Скрипт, добавляющий некоторые фишки для рутуба

От 28.11.2025. Виж последната версия.

За да инсталирате този скрипт, трябва да имате инсталирано разширение като Tampermonkey, Greasemonkey или Violentmonkey.

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

За да инсталирате този скрипт, трябва да имате инсталирано разширение като Tampermonkey или Violentmonkey.

За да инсталирате този скрипт, трябва да имате инсталирано разширение като Tampermonkey или Userscripts.

За да инсталирате скрипта, трябва да инсталирате разширение като Tampermonkey.

За да инсталирате този скрипт, трябва да имате инсталиран скриптов мениджър.

(Вече имам скриптов мениджър, искам да го инсталирам!)

За да инсталирате този стил, трябва да инсталирате разширение като Stylus.

За да инсталирате този стил, трябва да инсталирате разширение като Stylus.

За да инсталирате този стил, трябва да инсталирате разширение като Stylus.

За да инсталирате този стил, трябва да имате инсталиран мениджър на потребителски стилове.

За да инсталирате този стил, трябва да имате инсталиран мениджър на потребителски стилове.

За да инсталирате този стил, трябва да имате инсталиран мениджър на потребителски стилове.

(Вече имам инсталиран мениджър на стиловете, искам да го инсталирам!)

// ==UserScript==
// @name         Rutube Enhancer
// @description  Скрипт, добавляющий некоторые фишки для рутуба
// @namespace    http://tampermonkey.net/
// @version      0.1.6
// @author       4ndefined
// @run-at       document-end
// @match        *://rutube.ru/*
// @match        *://rutube.sport/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=rutube.ru
// @grant        GM.addStyle
// @license      MIT
// ==/UserScript==

(function() {
    'use strict';

    // Время перемотки в секундах
    const SEEK_SECONDS = 5;

    // Исправление размера видео (вкл = 1, выкл = 0)
    const ENABLE_STYLES_FIX = 1;

    // Включает макет страницы на всю ширину
    const USE_FULL_WIDTH_LAYOUT = 1;

    // Улучшение стилей на странице плейлистов
    const ENHANCE_PLAYLIST_STYLES_FIX = 1;

    if (ENABLE_STYLES_FIX) {
        injectStyles();
    }

    window.addEventListener('keydown', handleKeyDown, true);

    function stopEvent(e) {
        e.preventDefault();
        e.stopImmediatePropagation();
    }

    function handleKeyDown(e) {
        const vid = document.querySelector('video');
        const key = e.code;

        if (key === 'ArrowLeft') {
            stopEvent(e);

            vid.currentTime -= SEEK_SECONDS;

            if (vid.currentTime < 0) {
                vid.pause();
                vid.currentTime = 0;
            }
        } else if (key === 'ArrowRight') {
            stopEvent(e);

            vid.currentTime += SEEK_SECONDS;

            if (vid.currentTime > vid.duration) {
                vid.pause();
                vid.currentTime = 0;
            }
        } else if (key === 'Space') {
            stopEvent(e);

            if (vid.paused || vid.ended) {
                vid.play();
            } else {
                vid.pause();
            }
        }
    }

    function injectStyles() {
        const styles = `
          .wdp-video-adfox-module__container,
          .wdp-auth-offer-popup-module__wrapper {
            display: none !important;
          }

          .wdp-video-wrapper-module__videoWrapper {
	        padding: 0 !important;
            height: calc(100vh - 104px) !important;
          }

          ${USE_FULL_WIDTH_LAYOUT ? `.video-page-container-module__container { max-width: none !important; }` : ''}
        `;

        const rutubeSportStyles = `
            /* main header */
            header[class*="_headerWrapper_"] {
                padding: var(--rt-spacing-8x) !important;
            }

            /* some ads container */
            [id*="adfox_newspage_top"] {
                display: none;
            }

            /* video container */
            [class*="_video"] {
                max-height: calc(100vh - 80px);
            }

            /* preview poster */
            [class*="loader-template-module_wrapper__"] {
                background-size: contain !important;
            }

            /* player containers */
            #app > div > div {
                padding-top: 0 !important;
            }
            #app > div > div > div {
                max-width: none !important;
            }

            /* video title and description */
            main header {
                order: 2;
            }
            main header + div > section {
                margin: 0 !important;
            }
        `;

        const playlistsStyles = `
            /*
            .wdp-playlist-info-module__playlistInfo {
             	display: none;
            }
            */

            .wdp-playlist-module__list {
                max-width: none !important;
            }

            [class*='freyja_pen-infinite-scroll__pen-infinite-scroll__content_column'] {
                flex-direction: row !important;
                flex-wrap: wrap !important;
            }

            .wdp-playlist-video-card-module__card {
                width: clamp(100px, 20%, 320px);
            }

            .wdp-playlist-video-card-module__card:hover {
                border-color: var(--pen-secondary601);
                border-radius: 0;
            }

            .wdp-playlist-video-card-module__media {
                width: 100%;
            }

            .wdp-playlist-video-card-module__title {
                padding-top: calc(56% + 16px);
                margin-top: calc(-56% - 16px);
            }

            .wdp-playlist-video-card-module__content {
                flex-direction: column;
                align-items: center;
            }

            .wdp-playlist-video-card-module__info {
                position: relative;
            }

            /* стили шапки плейлиста */
            .wdp-playlist-info-module__header {
                display: block !important;
            }
            .wdp-playlist-info-module__leftBlock {
                float: left;
                width: 280px;
                margin-bottom: 16px;
            }
            .wdp-playlist-info-module__rightBlock {
                flex-wrap: wrap;
                flex-direction: row;
                align-items: center;
            }
            .wdp-playlist-info-module__info {
                width: 100%;
                padding: 0;
                margin-bottom: 8px;
            }
            .wdp-playlist-info-module__description {
                padding-left: 304px;
            }
            .wdp-playlist-info-author-options-module__author-options__actions-container {
                clear: right;
            }

            /* стили карточки видео */
            .wdp-card-playlist-views-module__playlist-views {
                flex-wrap: wrap;
            }

            /* имитация просмотренных роликов */
            a:visited, a:visited * {
                color: #999;
            }
        `;

        GM.addStyle(styles);
        GM.addStyle(rutubeSportStyles);

        if (ENHANCE_PLAYLIST_STYLES_FIX) {
            GM.addStyle(playlistsStyles);
        }
    }

})();