Last active
July 10, 2022 20:04
-
-
Save xtasyarmada/c3c7c93fc8bb367c77aec68ad11c4558 to your computer and use it in GitHub Desktop.
A Bookmarklet to Set a Theatre Mode for YouTube Live videos.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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';})(); |
Author
xtasyarmada
commented
Oct 22, 2021
If you want to use this Bookmarklet:
- Create a new Bookmark in Chrome (I have only confirmed Chrome support).
- In the URL for the bookmark, paste the above code.
- When you go to a YouTube Live video, click the bookmark and your layout will be adjusted.
This will reset on page refresh, so you will have to click it each time you want the layout.
Enjoy!
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