Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Loads a lite version of Youtube and adds RSS, links to video pages, and downloads for video and subtitles. (Youtube stopped support for old versions of Firefox.) This script supersedes that of Youtube Annoyance Remover.
// ==UserScript==
// @name YoutubeLite
// @namespace com.vsubhash.js.YoutubeLite
// @description Loads a lite version of Youtube, adds video file downloads and subtitle links
// @include https://www.youtube.com/watch*
// @version 2020.07.07
// @grant none
// ==/UserScript==
document.addEventListener("readystatechange", nukeYoutubeVideo, false);
var sVideoUrl="";
try {
window.setTimeout(muteVideos, 1*1000);
window.setTimeout(muteVideos, 2*1000);
window.setTimeout(muteVideos, 4*1000);
window.setTimeout(muteVideos, 6*1000);
window.setTimeout(muteVideos, 8*1000);
window.setTimeout(muteVideos, 10*1000);
window.setTimeout(muteVideos, 12*1000);
} catch(e) { console.error("YTHR error: " + e); }
function onVideoPlay(aoEvent) {
console.log("YTHR: Video started playing");
aoEvent.target.pause();
console.log("YTHR: Video paused");
}
function onVolumeChange(aoEvent) {
console.log("YTHR: Volume changed");
aoEvent.target.volume = 0;
aoEvent.target.mute = true;
console.log("YTHR: Volume muted");
}
function muteVideos() {
var oVideos = document.getElementsByTagName("video");
console.log("YTHR: Found " + oVideos.length + " videos to mute.");
for (var i = 0; i < oVideos.length; i++) {
if (oVideos[i].id == "playa") {
continue;
}
oVideos[i].volume = 0;
oVideos[i].muted = true;
oVideos[i].pause();
oVideos[i].addEventListener("playing", onVideoPlay, false);
oVideos[i].addEventListener("volumechange", onVolumeChange, false);
console.log("YTHR: Is video " + (i+1) + " muted " + oVideos[i].muted);
oVideos[i].removeAttribute("autoplay");
oVideos[i].removeAttribute("loop");
oVideos[i].removeAttribute("controls");
oVideos[i].removeAttribute("controlsList");
console.log("YTHR: Muting video " + (i+1));
}
}
var oFrame, oDlList, oDlListItem, arSubtitles;
function nukeYoutubeVideo() {
if (document.getElementById("player")) {
var oVideos = document.getElementsByTagName("video");
for (var i = oVideos.length-1; i >= 0; i--) {
if (oVideos[i].src && (sVideoUrl == "") && (oVideos[i].src.indexOf("pltype=adhost") == -1)) {
sVideoUrl = oVideos[i].src;
console.log("YTHR: Video URL found - " + sVideoUrl);
}
oVideos[i].muted = true;
oVideos[i].volume = 0;
oVideos[i].src = "";
oVideos[i].load();
oVideos[i].parentElement.removeChild(oVideos[i]);
}
} else {
console.log("YTHR: No youtube player to nuke");
document.getElementsByTagName("body")[0].style="max-width: 4in; margin: 0 auto; overflow: scroll!important; ";
}
if (ytplayer.config.args.player_response) {
console.log("YTHR: Youtube player ready");
if (document.getElementById("nooframe")) {
console.log("YTHR: Frame already exists");
} else {
try {
console.log("YTHR: Frame not found");
var playerResponse = JSON.parse(ytplayer.config.args.player_response);
if (playerResponse.captions) {
arSubtitles = playerResponse.captions.playerCaptionsTracklistRenderer.captionTracks;
}
var videoDetails = playerResponse.videoDetails;
var sTitle = videoDetails.title;
var sId = videoDetails.videoId;
var sDescription = videoDetails.shortDescription;
var sHTML = "<html><body><div id=\"nooframe\"><h1>" + videoDetails.title + "</h1>";
var sBrites = "https://s.ytimg.com/yts/imgbin/www-hitchhiker-vflYQU35a.png";
sHTML += "<p>RSS: <a title=\"RSS\" href=\"https://www.youtube.com/feeds/videos.xml?channel_id=" + videoDetails.channelId + "\"><img src=\"https://www.google.com/images/rss.png\" style=\"margin: 0 1em 0 0.1em; \" /></a> All videos <a title=\"All videos\" href=\"https://www.youtube.com/channel/" + videoDetails.channelId + "/videos\" style=\"width: 16px; height: 12px; background-image: url(" + sBrites + "); background-position: -64px -126px; border-style: none; margin: 0 1em 0 0.1em; display: inline-block; \" \/></a> Most popular videos: <a title=\"Most popular videos\" href=\"https://www.youtube.com/channel/" + videoDetails.channelId + "/videos?view=0&sort=p&flow=grid\" style=\"width: 16px; height: 12px; background-image: url(" + sBrites + "); background-position: -94px -476px; border-style: none; margin: 0 1em 0 0.1em; display: inline-block; \" \/></a> <b>&laquo; " + videoDetails.author + "</b></p>";
if (sVideoUrl) {
sHTML += "<video src=\"" + sVideoUrl + "\" id=\"playa\" controls=\"controls\" style=\"width: 330px!important; height: 300px; display: block; margin: 1em auto; \" ></video>";
}
sHTML += "<div id=\"playlist\" style=\"width: 400px; background-color: orange; border: 2px dashed navy; display: block; margin: 1em auto; padding: 0.2em; \" ></div>";
sHTML += "<pre style=\"white-space: pre-wrap; max-width: 400px; \">" + videoDetails.shortDescription + "</pre>";
sHTML += "</div></body></html>";
document.getElementsByTagName("body")[0].innerHTML = sHTML;
console.log("YTHR: New frame added");
if (videoDetails.thumbnail.thumbnails) {
console.log("YTHR: Number of formats: " + videoDetails.thumbnail.thumbnails.length);
document.getElementById("playlist").innerHTML = "<img style=\"float: right; margin: auto 0 1em 1em; \" src=\"" + videoDetails.thumbnail.thumbnails[0].url + "\" />";
}
oDlList = document.createElement("ul");
oDlList.setAttribute("style", "padding-left: 1em;");
document.getElementById("playlist").appendChild(oDlList);
if (sVideoUrl) {
oDlListItem = document.createElement("li");
oDlListItem.innerHTML = "<b>DownThemAll (*text*.mp4):<br /><a href=\"" + sVideoUrl + "\">" + sTitle + "</a></b>"
oDlList.appendChild(oDlListItem);
}
var arFormats = playerResponse.streamingData.formats;
for (i = 0; i < arFormats.length; i++) {
oDlListItem = document.createElement("li");
var sFormat = arFormats[i].mimeType.split(';')[0];
if (arFormats[i].mimeType.split(';')[0] == "video/mp4") {
sFormat = "M";
} else if (arFormats[i].mimeType.split(';')[0] == "video/webm") {
sFormat = "W";
}
console.log("YTHR: Format " + arFormats[i].quality + " - " + arFormats[i].qualityLabel + " - " + arFormats[i].mimeType.split(';')[0]);
oDlListItem.innerHTML = "<a title=\"" + arFormats[i].mimeType.replace(/\"/g,"") + "\" href=\"" + arFormats[i].url + "\">" + videoDetails.title + " - " + arFormats[i].qualityLabel + " " + sFormat + "</a>";
oDlList.appendChild(oDlListItem);
}
if (arSubtitles) {
console.log("YTHR: Subtitles found: " + arSubtitles.length);
oDlListItem = document.createElement("li");
oDlListItem.innerHTML = "<b>Subtitles:</b><br />";
for (var i = 0; i < arSubtitles.length; i++) {
var oSubtitleTrack = arSubtitles[i];
var sSubtitleUrl = oSubtitleTrack.baseUrl;
var sSubtitleLanguage = oSubtitleTrack.name.simpleText;
console.log("YTHR: Subtitle in :" + sSubtitleLanguage);
oDlListItem.innerHTML += ("<a href=\"" + sSubtitleUrl + "\" target=\"_blank\">" + sSubtitleLanguage + "</a>");
if (i < (arSubtitles.length-1)) {
oDlListItem.innerHTML += ", ";
}
//https://downsub.com/?url=https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DMtDHqS9UHK8
}
oDlListItem.innerHTML += (", <a href=\"https://downsub.com/?url=" + document.location + "\" target=\"_blank\">DownSub.com</a>");
oDlList.appendChild(oDlListItem);
} else {
console.log("YTHR: Subtitles found: 0");
}
oDlListItem = document.createElement("li");
oDlListItem.innerHTML = "<b>Alternative:</b><br /><a href=\"https://www.hooktube.com/watch?v=" + sId + "\">Load in Hooktube.com</a>";
oDlList.appendChild(oDlListItem);
document.getElementsByTagName("body")[0].innerHTML += ("<p>Published on: " + playerResponse.microformat.playerMicroformatRenderer.publishDate + "</p>");
document.getElementsByTagName("body")[0].style="max-width: 4in; margin: 0 auto; overflow: scroll!important; ";
document.querySelectorAll("html > head > title")[0].innerHTML = videoDetails.title + " - YoutubeLite by V. Subhash";
} catch(e) { console.error("YTHR Error: " + e); }
}
} else {
console.log("YTHR: Youtube player not ready");
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.