Skip to content

Instantly share code, notes, and snippets.

@xtasyarmada

xtasyarmada/yt_theatre_bookmarklet.js

Last active July 10, 2022 20:04
Show Gist options
  • Save xtasyarmada/c3c7c93fc8bb367c77aec68ad11c4558 to your computer and use it in GitHub Desktop.
Save xtasyarmada/c3c7c93fc8bb367c77aec68ad11c4558 to your computer and use it in GitHub Desktop.
Download ZIP
A Bookmarklet to Set a Theatre Mode for YouTube Live videos.
Raw
yt_theatre_bookmarklet.js
javascript:(function() { var video = document.querySelector('.html5-video-container > video.video-stream.html5-main-video'); video.style.width = '100%'; video.style.height = 'auto'; var columns = document.querySelector('#columns.style-scope.ytd-watch-flexy'); columns.style.maxWidth = 'initial'; var chat = document.querySelector('#chat.style-scope.ytd-watch-flexy'); chat.style.height = '90vh';})();
@xtasyarmada
Copy link
Author

If you're from YouTube... here's a clean version.

(function() {
  var video = document.querySelector('.html5-video-container > video.video-stream.html5-main-video');
  video.style.width = '100%';
  video.style.height = 'auto';
  
  var columns = document.querySelector('#columns.style-scope.ytd-watch-flexy');
  columns.style.maxWidth = 'initial';

  var chat = document.querySelector('#chat.style-scope.ytd-watch-flexy');
  chat.style.height = '90vh';
})();

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment