Youtube Scrollable Right Side Description

Youtube description is moved on the right, expanded and scrollable
当前为 2022-10-24 提交的版本，查看最新版本。
换行
// ==UserScript==
// @name            Youtube Scrollable Right Side Description
// @description     Youtube description is moved on the right, expanded and scrollable
// @version         2.1
// @author          SH3LL
// @license         MIT
// @match           *://*.youtube.com/*
// @include         *://*.youtube.com/watch*
// @grant           none
// @run-at          document-end
// @noframes
// @namespace https://gf.qytechs.cn/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

          // 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

        }, 1000);

    })()
欢迎访问Greasy Fork镜像
