Greasy Fork 还支持 简体中文。

Youtube Scrollable Right Side Description

Youtube description is moved on the right, expanded and scrollable

目前為 2023-08-27 提交的版本,檢視 最新版本

您需要先安裝使用者腳本管理器擴展,如 TampermonkeyGreasemonkeyViolentmonkey 之後才能安裝該腳本。

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

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyUserscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展,比如 Tampermonkey,才能安裝此腳本

您需要先安裝使用者腳本管理器擴充功能後才能安裝該腳本。

(我已經安裝了使用者腳本管理器,讓我安裝!)

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

(我已經安裝了使用者樣式管理器,讓我安裝!)

// ==UserScript==
// @name            Youtube Scrollable Right Side Description
// @description     Youtube description is moved on the right, expanded and scrollable
// @version         2.1.4
// @author          SH3LL
// @license         MIT
// @match           *://*.youtube.com/*
// @include         *://*.youtube.com/watch*
// @grant           none
// @run-at          document-end
// @noframes
// @namespace https://greasyfork.org/users/762057
// ==/UserScript==

(function(){
    'use strict';

     window.addEventListener('yt-page-data-updated', function () {
          let player = document.querySelector("#player");
          let player_height = parseFloat(document.querySelector(".ytp-iv-video-content").style.getPropertyValue("height"));
          let my_height = player_height-100;

          // move elements
          document.querySelector('#related').prepend(document.getElementById('bottom-row'));  // move description on the right
          document.querySelector('#related').prepend(document.getElementById('owner'));       // move channel name on the right
          document.querySelector('#below').prepend(document.getElementById('info-container'));// move views and date below the video
          document.querySelector('#info-container').setAttribute("style", "color:white; font-size: 12px");     // color views white

          // remove padding from channel name
          let channel_name = document.getElementById('owner');
          channel_name.setAttribute("style", "margin:0");

          // make the description scrollable
          let description = document.getElementById('description-inline-expander');
          description.setAttribute("style", "margin:0"); // remove padding of description
          description.setAttribute("style", "margin-left: 0; overflow: auto; max-width: 100%; font-size: 1.3rem;line-height: normal; max-height:"+my_height+"px;overflow: auto; width: auto; padding-top: 0; padding-bottom: 0; margin-right: 0 !important; background-color: var(--yt-playlist-background-item); padding: 8px; border-bottom-width: 0px;--yt-endpoint-text-decoration: underline;");

          // expand description
          description.setAttribute("is-expanded","");
          document.getElementById('expand').remove();//hide expand label
          document.getElementById('collapse').remove();//hide collapse label
          document.getElementById('snippet').remove();//hide dots at the end of the comments

        }, 1000);

    })()