☰

Pre 2024 Youtube UI

Revert to old Youtube UI

  1. // ==UserScript==
  2. // @name         Pre 2024 Youtube UI
  3. // @version      1.1.0
  4. // @description  Revert to old Youtube UI
  5. // @author       Hared
  6. // @match        *.youtube.com/watch*
  7. // @icon         https://www.google.com/s2/favicons?sz=64&domain=youtube.com
  8. // @run-at       document-end
  9. // @grant        none
  10. // @license MIT
  11. // @namespace hared_yt
  12. // ==/UserScript==
  13. (function () {
  14.   'use strict';
  15. setInterval(function() {
  16.   // Revert the new YouTube 2024 redesign experiment flags
  17.   ytcfg.set('EXPERIMENT_FLAGS', {
  18.     ...ytcfg.get('EXPERIMENT_FLAGS'),
  19.     web_player_enable_featured_product_banner_exclusives_on_desktop:false,
  20.     kevlar_watch_comments_ep_disable_theater:true,
  21.     kevlar_watch_comments_panel_button:true,
  22.     fill_view_models_on_web_vod:true,
  23.     kevlar_watch_flexy_metadata_height:136,
  24.     kevlar_watch_grid:false,
  25.     kevlar_watch_max_player_width:1280,
  26.     live_chat_over_engagement_panels:false,
  27.     live_chat_scaled_height:false,
  28.     live_chat_smaller_min_height:false,
  29.     main_app_controller_extraction_batch_18:false,
  30.     main_app_controller_extraction_batch_19:false,
  31.     no_iframe_for_web_stickiness:false,
  32.     optimal_reading_width_comments_ep:false,
  33.     remove_masthead_channel_banner_on_refresh:false,
  34.     small_avatars_for_comments:false,
  35.     small_avatars_for_comments_ep:false,
  36.     web_watch_compact_comments:false,
  37.     web_watch_compact_comments_header:false,
  38.     web_watch_log_theater_mode:false,
  39.     web_watch_theater_chat:false,
  40.     web_watch_theater_fixed_chat:false,
  41.     wn_grid_max_item_width:0,
  42.     wn_grid_min_item_width:0,
  43.   });
  44. }, 100);
  45.  
  46.  
  47. })();
  48.  
  49. window.addEventListener('load', function () {
  50.  
  51.     setTimeout(function() {
  52.         setInterval(function() {
  53.         let isFull = window.screenTop;
  54.         let isCin = document.querySelector('#player-container-inner').children.length == 0;
  55.         if(isFull || isCin)
  56.             return;
  57.         let el = document.querySelector(".ytd-page-manager");
  58.         el.setAttribute("style", "--ytd-watch-flexy-scrollbar-width: 17px; --ytd-watch-flexy-max-player-width-wide-screen: 1280px; --ytd-watch-flexy-space-below-player: 136px; --ytd-watch-flexy-panel-max-height: 695px; --ytd-watch-flexy-chat-max-height: 695px; --ytd-watch-flexy-structured-description-max-height: 695px; --ytd-watch-flexy-comments-panel-max-height: 695px; --ytd-comments-engagement-panel-content-height: 695px;");
  59. }, 100)
  60. }, 1000)
  61.  
  62.     setTimeout(function() {
  63.         setInterval(function() {
  64.         let isFull = window.screenTop;
  65.         let isCin = document.querySelector('#player-container-inner').children.length == 0;
  66.         if(isFull || isCin)
  67.             return;
  68.         let el = document.querySelector(".ytp-chrome-bottom");
  69.         el.setAttribute("style", "width: 1260px; left: 12px;");
  70.         el = document.querySelector(".video-stream");
  71.         el.setAttribute("style", "height: 720px; left: 0px; top: 0px; width: 1280px;");
  72. }, 100)
  73. }, 1000)
  74.  
  75. })
  76.  
  77. function callback() {
  78. if (document.fullscreenElement) {
  79. document.getElementById("chips-wrapper").style.visibility = "hidden";
  80. } else {
  81. document.getElementById("chips-wrapper").style.visibility = "visible";
  82. }
  83. }
  84. document.addEventListener('fullscreenchange', callback);
  85. document.addEventListener('webkitfullscreenchange', callback);