Rutube Enhancer

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

Ajankohdalta 24.10.2025. Katso uusin versio.

You will need to install an extension such as Tampermonkey, Greasemonkey or Violentmonkey to install this script.

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

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

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

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

You will need to install a user script manager extension to install this script.

(I already have a user script manager, let me install it!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(I already have a user style manager, let me install it!)

// ==UserScript==
// @name         Rutube Enhancer
// @description  Скрипт, добавляющий некоторые фишки для рутуба
// @namespace    http://tampermonkey.net/
// @version      0.1.5
// @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: 20% !important;
            }

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


            .wdp-playlist-video-card-module__title {
                /*padding-top: 150px;
                margin-top: -150px;*/
            }

            .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);
        }
    }
})();