☰

Rutube Enhancer

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

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