Tagged: greasemonkey scripts

2020-07-08

How to load a light version of Youtube? Welcome to YoutubeLite!

Also adds an RSS feed for the channel, direct link to videos page, and video/subtitle file downloads.

I installed Linux Mint with Mate desktop a few days ago. I hoped to move all my stuff to that the new OS but it has been delayed. I cannot use an OS unless it has been beefed up with my shell scripts, Nautilus Action Configuration scripts and my browser scripts. This is taking time.

So, I decided to switch back to my old obsolete OS and what do you know happened? The boot menu option failed to work. I then chrooted my old OS and reinstalled its boot menu. Now, that will not boot the new OS. I left it at that.

And, in my old browser, Youtube stopped its old-browser support and started loading slow heavy crappy pages with big text. My old Firefox browser is unable to load even one page!

Initially, I wrote a scrip to replace all Youtube links with Hooktube links. But their abilities are limited. So, I said “junk that” and wrote this new version of the Youtube Annoyance Remover. It is called Youtube Lite!. With it installed in the Greasemonkey add-on, I open videos in several tabs. The script waits for a while, lets the video load, mutes it, copies its video link, nukes the Youtube video player and then loads the link in a native video player of the browser. The old version used to remove the “Recommended for you” related videos but this one removes all related videos. If you want them, then open them in new tabs while the script is waiting. If you have good Internet speed, then the script may not wait at all.

YoutubeLite discards the custom video player that Youtube uses and loads the video in the native video player of the browser.

I could not load the video description in HTML. The links are not interactive. I will fix that soon.

Now, I can continue to download the videos using the DownThemAll extension. Because of persistent disturbances in the Internet and electrical connection and because of low speeds, I am unable to stream videos. I have to play them offline.

The GreaseMonkey code is available on GitHub. Use it with the GreaseMonkey Firefox add-on from the CA Archive.

If Youtube does not want to encourage these customizations, then they should do to Youtube video pages what they did to Youtube Studio pages that video uploaders have to use. That junk does not even load in my browser.

A big multinational tax-evading corporation should at least write their own Javascript code. Instead, these Google developers overload pages with hundreds of scripts from junk Javascript frameworks with their junk models-and-controllers junk! Only junk developers write this framework junk. Only junkier developers use it in their pages.

Please replace the word junk in the above paragraph with the street slang for crap.

2020-01-24

YouTube Annoyances Remover (GreaseMonkey JavaScript) 2020.01 update

Format labels are now included in the download links

Recently, I found that the thumbnails were not loading and the alternative download links were not getting listed. Both problems have been fixed in this update.

Youtube video download links and thumbnail fixed

About this User JS

Disables ads, turns off autoload/autoplay, adds RSS link, deletes “recommended for you” videos, unhides description, displays all comments, changes profile link to videos page; changes region to US, displays video thumbnail image, and adds a link to the lighter version on Hooktube if video is not playable for codec reasons. Supports Firefox-based browser up to Firefox 36. Newer versions should use a UserAgent (UA) spoofer add-on. YouTube loads a lighter version of the YouTube page for older browsers. This script will require the GreaseMonkey add-on to be executed by the Firefox browser. For embedded YouTube videos, use the script com.vsubhash.js.embedded-video-catcher.user.js.

The download links can then be sent to the DownThemAll add-on with the file renaming mask set to “*text*.mp4”.

2019-06-04

YouTube Annoyances Remover 2019.06 Update

Disables ads, turns off autoload/autoplay, adds RSS link, deletes “recommended for you” videos, unhides description, displays all comments, changes profile link to videos page; changes region to US, displays video thumbnail image, lists offline download links, and adds a link to the lighter version on Hooktube if video is not playable for codec reasons.

The current video link, the Hooktube video link, and other format/bitrates are linked. These links when used with DownThemAll add-on (file renaming option set to “*text*.mp4” will ensure the download is completed offline.

This script supports Firefox-based browser up to version 36. Newer versions should use a UserAgent (UA) spoofer add-on. YouTube loads a lighter version of the YouTube page for older browsers. This script will require the GreaseMonkey add-on to be executed by the Firefox browser. The download links can then be sent to the DownThemAll add-on with the file renaming mask “*text*.mp4”.

It seems that Mozilla has effectively destroyed its add-on ecosystem by switching over to Google Chrome’s WebExtensions format. I recently installed the latest version of Firefox and it has no add-ons worth naming in its download portal. DTA is not there and neither is Greasemonkey. If had Google had infiltrated Mozilla and decapitated its top management, Firefox couldn’t be worse. Mozilla’s own management is diluting its brand appeal, frustrating add-on developers, disappointing its user community and effectively throwing Internet users to the jaws of the Google spyware called Chrome. (https://www.thewindowsclub.com/microsoft-disabled-these-chromium-services-features-in-new-edge)

For embedded YouTube videos, use the new script com.vsubhash.js.embedded-video-catcher.user.js.

Unable to stream YouTube and other videos

I have lived in several houses in three South Indian states. In all of them, there are unusual electric disturbances. The net connection is also very unstable. (I wrote the NetCheck desktop and mobile application for this reason – http://vsubhash.com/netcheck-app-for-android.html) When the net connection seems to be stable, the electrical disturbances trips the Internet modem.

For this reason, I am unable to play videos as an online stream. I have to download them first and play them offline on the TV. The downloads have to be constantly restarted because the net connection stops intermittently.

The electrical disturbances destroys electrical appliances. I run the entertainment systems and computers on a UPS and this protects them. But, I can hear the UPS relay clicking incessantly. Earlier, the modem was on the mains directly. Now, it runs of the UPS. Even then, the modem stops net connection for some reason.

Apart from the electrical disturbances, the power supply is cut several dozen times a day – in all three states. In a month, they are off for an entire day or an entire night for at least three or four days. This always happens when I am visiting someone and trying to work on a computer. The UPS supports the modem and the network switch for about 20 minutes if my laptop is powered from the battery. If I am on the desktop, the backup lasts for just five minutes.

I rarely use the mobile now. Here too, the net connection is not stable.

In this video, you can hear the racket created by the relay. In the background, you can hear the fan speed going up and down with the voltage fluctuations.

GreaseMonkey Javascript Source Code

	// ==UserScript==
	// @name YouTubeAnnoyancesRemover
	// @namespace com.vsubhash.js.youtube-annoyances-remover
	// @description Disables ads, turns off autoload/autoplay, adds RSS link, deletes "recommended for you" videos, unhides description, displays all comments, changes profile link to videos page; changes region to US, displays video thumbnail image, and adds a link to the lighter version on Hooktube if video is not playable for codec reasons. Supports Firefox-based browser up to version 36. Newer versions should use a UserAgent (UA) spoofer add-on. YouTube loads a lighter version of the YouTube page for older browsers. This script will require the GreaseMonkey add-on to be executed by the Firefox browser. For embedded YouTube videos, use the script com.vsubhash.js.embedded-video-catcher.user.js.
	// @include https://www.youtube.com/watch*
	// @include https://www.youtube.com/channel*
	// @include https://www.youtube.com/user*
	// @version 2020.01
	// @grant none
	// ==/UserScript==

	var sAdStyle = " { visibility: none!important; display: none!important; }";
	var oDlDiv;

	document.addEventListener("readystatechange", fixYouTubeAnnoyances, false);
	try {
	console.log("YAD: Page start");
	window.setTimeout(pauseVideos, 2*1000);
	window.setTimeout(pauseVideos, 4*1000);
	window.setTimeout(pauseVideos, 6*1000);
	} catch (e) { }



	function fixYouTubeAnnoyances() {
	if ((document.readyState == "interactive") \|\| (document.readyState == "complete")) {
	console.log("YAD: loaded");
	try {
	pauseVideos();
	window.setTimeout(showDescription, 1*200);
	window.setTimeout(closeVideoAds, 2*200);
	window.setTimeout(changeRegion, 3*200);

	window.setTimeout(addRssButton, 1*1000);
	window.setTimeout(changeProfileLink, 2*1000);
	window.setTimeout(pauseVideos, 3*1000);
	window.setTimeout(removeRecommendedForYouAds, 4*1000);
	window.setTimeout(disableAndHideAdContainers, 5*1000);
	window.setTimeout(disableAutoPlay, 6*1000);
	window.setTimeout(addVideoDownloadList, 7*1000);

	window.setTimeout(loadAllComments, 15*1000);
	window.setTimeout(removeRecommendedForYouAds, 16*1000);

	} catch (e) {
	console.error("YAD Error: " + e);
	}
	}
	}


	function addRssButton() {
	console.log("YAD: addRssButton")
	var oLink, oLinkEl, oChannelTag, oRssImg, oRssLink, sChannel, sChannelName, sUserName, sFeedUrl;

	// Android 1.6
	oLink = document.querySelector("div.tv span.gmb a");
	oChannelTag = document.querySelector("div.tv span.gmb a span");
	if (oLink == null) {
	// Android 3+
	oLink = document.querySelector("a.slim-owner-icon-and-title");
	oChannelTag = document.querySelector("a.slim-owner-icon-and-title div h3");
	}
	if (oLink == null) {
	// Android 46
	oLink = document.querySelector("div.yt-user-info a");
	oChannelTag = document.querySelector("div.yt-user-info a");
	}
	if (oLink == null) {
	// Android 60
	oLink = document.querySelector("div#owner-container *#owner-name a");
	oChannelTag = document.querySelector("div#owner-container *#owner-name a");
	}

	if ((oLink ==null) \|\| (oChannelTag == null)) { return; } else {
	console.log("YAD: Channel name found.");
	sChannelName = oChannelTag.textContent;
	sChannelName = sChannelName.replace(/^\s+\|\s+$/g, '');
	console.log("YAD: Channel link found.");
	if (oLink.getAttribute("href").indexOf("/channel/") == 0) {
	sChannel = oLink.getAttribute("href").substr("/channel/".length);
	sFeedUrl = "https://www.youtube.com/feeds/videos.xml?channel_id=" + sChannel;
	console.log("YAD: RSS ~ " + sChannelName + " = " + sFeedUrl);
	} else if (oLink.getAttribute("href").indexOf("/user/") == 0) {
	sUserName = oLink.getAttribute("href").substr("/user/".length);
	sFeedUrl = "https://www.youtube.com/feeds/videos.xml?user=" + sUserName;
	console.log("YAD: RSS ~ " + sChannelName + " = " + sFeedUrl);
	} else { return; }
	oLinkEl = document.createElement("link");
	oLinkEl.setAttribute("rel", "alternate");
	oLinkEl.setAttribute("title", sChannelName);
	oLinkEl.setAttribute("type", "application/rss+xml");
	oLinkEl.setAttribute("href", sFeedUrl);
	document.getElementsByTagName("head")[0].appendChild(oLinkEl);

	oRssImg = document.createElement("img");
	oRssImg.setAttribute("style", "margin: auto 1em; ");
	oRssImg.setAttribute("alt", "RSS");
	oRssImg.setAttribute("src", "https://www.google.com/images/rss.png");

	oRssLink = document.createElement("a");
	oRssLink.setAttribute("id", "mvytRssFeedLink");
	oRssLink.setAttribute("href", sFeedUrl);
	oRssLink.setAttribute("title", "RSS feed link for this channel");
	oRssLink.setAttribute("style", "text-decoration: none; border-style: none; ");
	oRssLink.appendChild(oRssImg);

	if (document.getElementById("mvytRssFeedLink") == null) {
	oChannelTag.insertAdjacentHTML('afterend', oRssLink.outerHTML);
	}
	}
	}


	function pauseVideos() {
	console.log("YAD: Pausing videos");
	try {
	var oVideoEls = document.getElementsByTagName("video");
	for (var i = 0; i < oVideoEls.length; i++) {
	oVideoEls[i].pause();
	oVideoEls[i].muted = true;
	if (oVideoEls[i].src.indexOf("pltype=adhost") > -1) {
	console.log("YAD: Video ad found… closing tab");
	window.open(location.href, '_blank');
	window.close();
	}
	console.log("YAD: Pausing video " + (i+1));
	if (!oVideoEls[i].paused) {
	oVideoEls[i].pause();
	}
	//oVideoEls[i].volume = 0.6; // custom controls do not update
	oVideoEls[i].muted = true;
	oVideoEls[i].removeAttribute("autoplay");
	oVideoEls[i].removeAttribute("loop");
	oVideoEls[i].removeAttribute("controls");
	oVideoEls[i].setAttribute("preload", "none");
	oVideoEls[i].pause();
	}
	var oButtons = document.getElementsByTagName("button");
	for (var i = 0; i < oButtons.length; i++) {
	if (oButtons[i].className) {
	if (oButtons[i].className.indexOf("ytp-mute-button") > -1) {
	console.log("YAD: Mute button " + oButtons[i].className);
	oButtons[i].click();
	oButtons[i].click();
	}
	}
	}
	} catch (e) {
	console.error("YAD: Error – " + e);
	}
	}


	function showDescription() {
	console.log("YAD: Finding description…");
	if (document.getElementById("action-panel-details") != null) {
	document.getElementById("action-panel-details").className = "action-panel-content yt-uix-expander yt-card yt-card-has-padding";
	}
	console.log("YAD: Description unhidden.");
	}


	function closeVideoAds() {
	console.log("YAD: Detecting video ads…");
	if ((document.getElementsByClassName("videoAdUiTopButtons").length > 0) \|\| (document.getElementsByClassName("videoAdUi").length > 0)) {
	console.log("YAD: Video ad found");
	window.open(location.href, '_blank');
	window.close();
	} else {
	console.log("YAD: No video ad");
	}
	}


	function disableAutoPlay() {
	var oEl = document.getElementById("autoplay-checkbox");
	if (oEl == null) {
	console.log("YAD: Did not find autoplay button.");
	} else if (oEl.hasAttribute("checked")) {
	console.log("YAD: Disabling autoplay…");
	oEl.click();
	} else {
	console.log("YAD: Autoplay already disabled.");
	}
	}


	function removeRecommendedForYouAds() {
	console.log("YAD: Removing recommended videos");
	var oRelatedColumn = document.getElementById("watch-related");
	if (oRelatedColumn != null) {
	var arRelatedVids = oRelatedColumn.getElementsByTagName("li");
	var j = 0;
	if (arRelatedVids.length > 0) {
	for (var i = arRelatedVids.length-1; i > -1; i–) {
	if (arRelatedVids[i].textContent.indexOf("Recommended for you") != -1) {
	//console.log("YAD: Removing " + arRelatedVids[i].textContent);
	arRelatedVids[i].parentNode.removeChild(arRelatedVids[i]);
	++j;
	}
	}
	}
	console.log("YAD: Removed " + j + " recommended videos");
	}

	oRelatedColumn = document.getElementById("watch7-sidebar-modules");
	if (oRelatedColumn != null) {
	var arRelatedVids = oRelatedColumn.getElementsByClassName("watch-sidebar-section");
	var j = 0;
	if (arRelatedVids.length > 0) {
	for (var i = arRelatedVids.length-1; i > -1; i–) {
	if (arRelatedVids[i].textContent.indexOf("Recommended for you") != -1) {
	//console.log("YAD: Removing " + arRelatedVids[i].textContent);
	arRelatedVids[i].parentNode.removeChild(arRelatedVids[i]);
	++j;
	}
	}
	}
	console.log("YADN: Removed " + j + " new recommended videos");
	}
	}


	function disableAndHideAdContainers() {
	console.log("YAD: Disabling/deleting ad containers…");
	var arDivIds = ["AdSense", "watch7-sidebar-ads", "promotion-shelf", "live-chat-iframe", "invideo-overlay:7", ];
	var arDivClasses = [ "adDisplay", "annotation", "html5-endscreen", "iv-promo", "video-ads", "videoAdUiBottomBar", "ytp-ad-module", "ytp-endscreen-content", "ytp-cards-button", "ytp-cards-teaser", "ytp-ad-overlay-container", "ytp-ad-overlay-slot", "ytp-ad-text-overlay", "ytp-ad-overlay-ad-info-button-container", "ytp-ad-hover-text-button", "ytp-ad-info-hover-text-button", "ytp-ad-overlay-text-image", "ytp-ad-overlay-text-image", "ytp-ad-image-overlay", "ytp-ad-overlay-close-container", "ytp-ad-overlay-close-button" ];

	for (var i = 0; i < arDivIds.length; i++) {
	var oDiv = document.getElementById(arDivIds[i]);
	if (oDiv != null) {
	oDiv.style.visibility = "hidden!important";
	oDiv.style.display = "none!important";
	oDiv.parentNode.removeChild(oDiv);
	console.log("YAD: Removed " + arDivIds[i] + " by ID");
	} else {
	console.log("YAD: Not found: " + arDivIds[i] + " by ID");
	}
	sAdStyle = "#" + arDivIds[i] + ((i==0)?" ":" , ") + sAdStyle;
	}
	for (var i = 0; i < arDivClasses.length; i++) {
	var oDivs = document.getElementsByClassName(arDivClasses[i]);
	if (oDivs != null) {
	for (var j = 0; j < oDivs.length; j++) {
	oDivs[j].style.visibility = "hidden!important";
	oDivs[j].style.display = "none!important";
	oDivs[j].parentNode.removeChild(oDivs[j]);
	}
	} else {
	console.log("YAD: Not found: " + oDivs[j] + " by ID");
	}
	sAdStyle = "*." + arDivClasses[i] + " , " + sAdStyle;
	}
	document.getElementsByTagName("head")[0].innerHTML = document.getElementsByTagName("head")[0].innerHTML + "\n<style>" + sAdStyle + "\n</style>";
	}


	function changeRegion() {
	var oLangButton = document.getElementById("yt-picker-country-button");
	if (oLangButton != null) {
	if (oLangButton.textContent.indexOf("United States") == -1) {
	oLangButton.click();
	window.setTimeout(
	function() {
	var arRegions = document.getElementsByClassName("yt-picker-item");
	for (var i = 0; i < arRegions.length; i++) {
	if (arRegions[i].textContent.indexOf("United States") > -1) {
	arRegions[i].click();
	break;
	}
	}
	}, 3*1000);
	}
	}

	}


	function changeProfileLink() {
	console.log("YAD: Changing profile link")
	var oDivs = document.getElementsByTagName("div");
	if ((oDivs != null) && (oDivs.length > 0)) {
	for (var i = 0; i < oDivs.length; i++) { if (oDivs[i].className == "yt-user-info") {
	var oAnchors = oDivs[i].getElementsByTagName("a");
	if ((oAnchors != null) && (oDivs.length>1)) {
	var bFound = false;
	for (var j = 0; j < oAnchors.length; j++) {
	if (oAnchors[j].href.substring(0, "https://www.youtube.com/channel/".length) == "https://www.youtube.com/channel/") {
	oAnchors[j].href = oAnchors[j].href + "/videos";
	oLatestVideosLink = document.createElement("a");
	oLatestVideosLink.setAttribute("style", "background-image: url(https://s.ytimg.com/yts/imgbin/www-hitchhiker-vflYQU35a.png); width: 17px; height: 17px; background-position: -94px -472px; border-style: none; margin: 0; padding: 0; ");
	oLatestVideosLink.setAttribute("id", "MvPopularLink");
	oLatestVideosLink.setAttribute("href", oAnchors[j].href + "?view=0&sort=p&flow=grid");
	oAnchors[j].insertAdjacentHTML("afterend", oLatestVideosLink.outerHTML);

	bFound = true;
	break;
	}
	}
	if (bFound) { break; }
	}
	}
	}
	}
	}


	var iLoadAllCommentsTimeout = 0;
	function loadAllComments() {
	if (iLoadAllCommentsTimeout > 0) {
	window.clearTimeout(iLoadAllCommentsTimeout);
	}
	var oDiv = document.getElementById("watch-discussion");
	if (oDiv == null) { return; }
	var oButtons = oDiv.getElementsByClassName("comment-section-renderer-paginator");
	if (oButtons != null) {
	console.log("YAD: Comments");
	if (oButtons[0] != null) {
	oButtons[0].click();
	iLoadAllCommentsTimeout = window.setTimeout(loadAllComments, 20*1000);
	}
	}

	}

	function parseYTPlayer() {

	console.log("YAD: Inside parser" );
	console.log("YAD: Title" + ytplayer.config.args.title);

	try {
	if (document.getElementsByTagName("video")[0] && (document.getElementsByTagName("video")[0].pause)) {
	document.getElementsByTagName("video")[0].pause();
	}
	} catch (e) {
	window.alert(e);
	}

	var arFormatParams, arFormats, i, j, sURL, sQuality, sMimeType, sExtension;
	var oDlList, oDlListItem;

	oDlList = document.getElementById("mvyJsList");
	if (oDlList == null) {
	return;
	}

	oDlList.innerHTML += "<li><a href=\"" + location.href.replace("www.you", "www.hook") + "\" style=\"color: navy; font-weight: bold; \" target=\"_blank\">Load in HookTube</a></li>";

	var oFormats = JSON.parse(ytplayer.config.args.player_response);

	var arFormats = oFormats.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("YAD: Format " + arFormats[i].quality + " – " + arFormats[i].qualityLabel + " – " + arFormats[i].mimeType.split(';')[0]);

	oDlListItem.innerHTML = "<a title=\"" + arFormats[i].mimeType.replace(/\"/g,"") + "\" style=\"color: navy; font-weight: bold; \" target=\"_blank\" href=\"" + arFormats[i].url + "\">" + document.title.replace(" – YouTube", "") + " – " + arFormats[i].qualityLabel + " " + sFormat + "</a>";
	oDlList.appendChild(oDlListItem);


	}

	}


	function addCurrentPlayURL() {
	var oList = document.getElementById("mvyJsList");
	if (oList != null) {
	if (document.getElementById("movie_player") != null) {
	if (document.getElementById("movie_player").getElementsByTagName("video") != null) {
	var oVideo = document.getElementById("movie_player").getElementsByTagName("video")[0];
	if (oVideo.src) {
	oList.innerHTML += "<li><a id=\"VidLinkUrl\" title=\"" + document.title + "\" download=\"" + document.title.replace(/\s+/ig, "-").replace(/-{2,}/ig, "-") + ".mp4\" style=\"color: navy; font-weight: bold; \" target=\"_blank\" href=\"" + oVideo.src + "\">" + document.title + "</a></li>";
	console.log("YAD: Video URL = " + oVideo.src);

	oVideo.addEventListener(
	"loadeddata",
	function() {
	console.log("YAD: New video loaded");
	document.getElementById("VidLinkUrl").setAttribute("href", document.getElementsByTagName("video")[0].src);
	}, false);

	} else {
	console.log("YAD: Error in player");
	}
	}
	} else {
	console.log("YouTube detector: No player");
	oList.innerHTML += "<li><a style=\"color: navy; font-weight: bold; \"href=\"" + location.href.replace("www.you", "www.hook") + "\" style=\"color: navy; font-weight: bold; \" target=\"_blank\">Load in HookTube</a></li>";
	}
	}
	}


	function addVideoDownloadList() {
	console.log("Executing YouTube detector");
	var i, n, oDlButtonEl, oVideosList;

	oDlDiv = document.createElement("div");

	oDlDiv.setAttribute("id", "mvyJsDiv");
	oDlDiv.setAttribute("style", "background-color: orange!important; border: 2px dashed firebrick; font-size: 0.34cm!important; font-family: sans-serif!important; line-height: 0.4cm!important; margin: 1em auto; padding: 1em; min-height: 120px; ");
	oDlDiv.innerHTML = "Download video from:";

	var oTwitterImage = document.querySelector("html head meta[name='twitter:image']");
	console.log("YAD: Twitter image" + oTwitterImage.getAttribute("content"));
	if (oTwitterImage) {
	oDlDiv.innerHTML += "<img src=\"" + oTwitterImage.getAttribute("content") + "\" style=\"max-width: 200px; float: right; margin: 1em auto 1em 1em; \" />\n";
	} else if (window.URL) {
	var oURL = new URL(location.href);
	var sID = oURL.searchParams.get("v");
	oDlDiv.innerHTML += "<img src=\"https://i.ytimg.com/vi/" + sID + "/hqdefault.jpg\" style=\"max-width: 200px; float: right; margin: 1em auto 1em 1em; \" />";
	}

	oDlList = document.createElement("ul");
	oDlList.setAttribute("style", "display: block; list-style: disc inside none; margin-left: 1em!important; ");
	oDlList.setAttribute("id", "mvyJsList");
	oDlDiv.appendChild(oDlList);

	if (location.href.indexOf("youtube.com/watch") > -1) {
	document.getElementById("watch-headline-title").appendChild(oDlDiv);
	addCurrentPlayURL();
	parseYTPlayer();
	} else if (location.href.indexOf("youtube.com/embed/") > -1) {
	// Use the script com.vsubhash.js.embedded-video-catcher
	}
	}

view raw

com.vsubhash.js.youtube-annoyances-remover.user.js

hosted with ❤ by GitHub

	// ==UserScript==
	// @name EmbeddedVideoCatcher
	// @namespace com.vsubhash.js.embedded-video-catcher
	// @description Adds a link to the video file. Supports Firefox-based browser up to version 36. Newer versions should use a UserAgent (UA) spoofer add-on. YouTube loads a lighter version of the YouTube page for older browsers. This script will require the GreaseMonkey add-on to be executed by the Firefox browser. If the video link is inaccessible by a transparent image or other HTML element, the URL can be obtained from the browser's web console output (Tools -> Web Developers -> Console). The script also automatically pauses the video several times.
	// @include http://*
	// @include https://*
	// @exclude https://www.youtube.com/watch*
	// @exclude https://www.dailymotion.com/video*
	// @version 2019.06
	// @grant none
	// ==/UserScript==


	var sAdStyle = " { visibility: none!important; display: none!important; }";

	document.addEventListener("readystatechange", loadHandler, false);

	try {

	window.setTimeout(pauseVideos, 2*1000);
	window.setTimeout(pauseVideos, 4*1000);
	window.setTimeout(pauseVideos, 6*1000);
	} catch (e) { console.error("EVC Error: " + e); }




	function loadHandler() {
	try {
	addVideoList();
	} catch (e) {
	console.error("EVC Error: " + e);
	}
	}


	function updateYouTubeVideoLink() {
	console.log("EVC: Loaded video event for YouTube video");
	if (document.getElementById("mvyJsList") &&
	document.getElementById("player") &&
	(document.getElementById("player").getElementsByTagName("video").length > 0)) {

	document.getElementById("player").getElementsByTagName("video")[0].pause();
	document.getElementById("mvyJsList").innerHTML = "<li style=\"margin-left: 0.2em; padding-left: 0.2em; \"><a id=\"VidLinkUrl\" title=\"" + document.title + "\" download=\"" + document.title.replace(/\s+/ig, "-").replace(/-{2,}/ig, "-") + ".mp4\" style=\"color: navy; font-weight: bold; \" target=\"_blank\" href=\"" + document.getElementById("player").getElementsByTagName("video")[0].src + "\">" + document.title + "</a></li>";
	console.log("Video : " + document.title + "\n" + document.getElementById("player").getElementsByTagName("video")[0].src);
	} else {
	//console.log("EVC: Loaded video event for YouTube video noooh");
	}
	}


	function updateNumberedVideoLink(aoEvent) {
	console.log("EVC: Loaded video event for " + aoEvent.target.src);

	var oLink = document.getElementById("VidLinkUrl" + aoEvent.target.getAttribute("mvy_id"));
	if (oLink) {
	oLink.setAttribute("href", aoEvent.target.getAttribute("src"));
	oLink.innerHTML = aoEvent.target.getAttribute("src").substr(aoEvent.target.getAttribute("src").lastIndexOf("/")+1);
	console.log("EVC: URL : " + document.title + "\n" + aoEvent.target.src);
	console.log("EVC: File: " + aoEvent.target.getAttribute("src").substr(aoEvent.target.getAttribute("src").lastIndexOf("/")+1));
	}

	}


	function addVideoList() {
	if (document.readyState == "complete") {
	console.log("EVC: Executing EmbeddedVideoCatcher");
	var i, n, oDlButtonEl, oDlDiv, oVideosList;

	if (location.href.indexOf("youtube.com/embed") > -1) {

	// Embedded Youtube video page loads twice. On the second time, it will have a video element.
	// However, the video element will not have a 'src' attribute. The attribute will be assigned
	// a video URL after the play button is clicked. A handler for the "loadeddata" event is added
	// obtain this video URL.

	console.log("EVC: Found YouTube embedded video player");
	if (document.getElementById("mvyJsDiv") == null) {
	oDlDiv = document.createElement("div");
	oDlDiv.setAttribute("id", "mvyJsDiv");
	oDlDiv.setAttribute("style", "position: absolute; top: 0; display: block; background-color: orange!important; border: 2px dashed firebrick; font-size: 0.34cm!important; font-family: sans-serif!important; line-height: 0.4cm!important; margin: 10px 10px 10px 50%; padding: 1em; width: 40%; z-index: 203; ");
	}
	if (document.getElementById("mvyJsList") == null) {
	oDlDiv.innerHTML = "Download video from:";
	oDlList = document.createElement("ul");
	oDlList.setAttribute("style", "display: block; list-style: disc outside none; margin-left: 0.2em; padding-left: 0.2em; ");
	oDlList.setAttribute("id", "mvyJsList");
	oDlDiv.appendChild(oDlList);
	}


	var oVideoDiv = document.getElementById("player");
	if (oVideoDiv == null) {
	console.log("EVC: Player DIV not found");
	} else if (oVideoDiv.getElementsByTagName("video").length < 1) {
	console.log("EVC: Video tag not found in player DIV");
	} else {
	oVideoDiv.appendChild(oDlDiv);
	var oVideo = oVideoDiv.getElementsByTagName("video")[0];
	oVideo.addEventListener("loadeddata", updateYouTubeVideoLink, false);

	if (oVideo.src) {
	updateYouTubeVideoLink();
	} else {
	document.querySelector("button.ytp-large-play-button").click();
	window.setTimeout(updateYouTubeVideoLink, 3*1000);
	document.getElementById("mvyJsList").innerHTML = "Video not loaded yet";
	}

	console.log("EVC: Added Youtube video to list");
	}


	} else {
	console.log("EVC: Not youtube");

	if (document.getElementsByTagName("video").length > 0) {
	console.log("EVC: Number of videos = " + document.getElementsByTagName("video").length);
	for (var i = 0; i < document.getElementsByTagName("video").length; i++) {
	console.log("EVC: Parsing video " + i);
	oDlDiv = document.createElement("div");
	oDlDiv.setAttribute("id", ("mvyJsDiv" + i));
	oDlDiv.setAttribute("style", "position: absolute; top: 0; display: block; background-color: orange!important; border: 2px dashed firebrick; font-size: 0.34cm!important; font-family: sans-serif!important; line-height: 0.4cm!important; margin: 10px 10px 10px 50%; padding: 0.5em; width: 40%; z-index: " + (203 + (i*10)) + "; ");
	oDlDiv.style.top = (i*100) + "px";
	oDlDiv.innerHTML = "Download video from:";

	oDlList = document.createElement("ul");
	oDlList.setAttribute("style", "display: block; list-style: disc outside none; margin-left: 0.2em!important; padding-left: 0.2em!important;");
	oDlList.setAttribute("id", ("mvyJsList" + i));
	oDlDiv.appendChild(oDlList);

	var oVideo = document.getElementsByTagName("video")[i];
	oVideo.pause();
	oVideo.parentElement.setAttribute("style", "background-color: brown; overflow: scroll!important; ");
	oVideo.parentElement.insertBefore(oDlDiv, oVideo);
	oVideo.setAttribute("mvy_id", i);
	oVideo.addEventListener("loadeddata", updateNumberedVideoLink, false);
	//oVideo.onloadeddata = updateNumberedVideoLink;

	if (oVideo.getElementsByTagName("source").length > 0) {
	oDlList.innerHTML = "<li style=\"margin-left: 0.2em; padding-left: 0.2em; \"><a id=\"VidLinkUrl" + i + "\" title=\"" + document.title + "\" style=\"color: navy; font-weight: bold; \" target=\"_blank\" href=\"" + oVideo.src + "\">Not Available</a></li>";
	console.log("EVC: Video " + (i) + " has source tag(s)");
	for (var j = 0; j < oVideo.getElementsByTagName("source").length; j++) {
	var oSource = oVideo.getElementsByTagName("source")[j];
	oDlList.innerHTML = oDlList.innerHTML + "<li style=\"margin-left: 0.2em; padding-left: 0.2em; \"><a id=\"VidLinkUrl" + i + "-" + j + "\" title=\"" + (document.title?document.title:"") + " – Source " + (j+1) + " (" + oSource.type + ")\" download=\"" + document.title.replace(/\s+/ig, "-").replace(/-{2,}/ig, "-") + ".mp4\" style=\"color: navy; font-weight: bold; \" target=\"_blank\" href=\"" + oSource.src + "\">" + (document.title?document.title:"") + " – Source " + (j+1) + (oSource.getAttribute("res")?(" [" + oSource.getAttribute("res") + "]"):"") + (oSource.getAttribute("label")?(" [" + oSource.getAttribute("label") + "]"):"") + "</a></li>";
	console.log("EVC: Found source " + (j+1) + " " + oSource.getAttribute("res") + " ~ " + oSource.src);
	}
	console.log("EVC: Added " + oVideo.getElementsByTagName("source").length + " videos to list");

	} else {

	console.log("EVC: Video " + (i+1) + " has no source tag");
	if (oVideo.src) {
	console.log("EVC: Video " + (i+1) + " is at ~ " + oVideo.src);
	if (document.title) {
	oDlList.innerHTML = "<li style=\"margin-left: 0.2em; padding-left: 0.2em; \"><a id=\"VidLinkUrl" + i + "\" title=\"" + document.title + "\" download=\"" + document.title.replace(/\s+/ig, "-").replace(/-{2,}/ig, "-") + ".mp4\" style=\"color: navy; font-weight: bold; \" target=\"_blank\" href=\"" + oVideo.src + "\">" + document.title + "</a></li>";
	} else {
	oDlList.innerHTML = "<li style=\"margin-left: 0.2em; padding-left: 0.2em; \"><a id=\"VidLinkUrl" + i + "\" title=\"Video\" style=\"color: navy; font-weight: bold; \" target=\"_blank\" href=\"" + oVideo.src + "\">Video Link</a></li>";
	}
	} else {
	console.log("EVC: Video " + (i+1) + " has no URL");
	oDlList.innerHTML = "<li style=\"margin-left: 0.2em; padding-left: 0.2em; \"><a id=\"VidLinkUrl" + i + "\" title=\"Video\" style=\"color: navy; font-weight: bold; \" href=\"javascript:return(false);\">Video Link Not Available</a></li>";
	}

	}

	}
	} else {
	console.log("EVC: Found no videos");
	}


	}



	} else {
	// page not ready
	}

	}


	function pauseVideos() {
	console.log("EVC: Pausing videos");
	try {
	var oVideoEls = document.getElementsByTagName("video");
	console.log("EVC: Number of videos " + oVideoEls.length);
	for (var i = 0; i < oVideoEls.length; i++) {
	oVideoEls[i].pause();
	oVideoEls[i].muted = true;
	if (oVideoEls[i].src.indexOf("pltype=adhost") > -1) {
	console.log("EVC: Video ad found… closing tab");
	oVideoEls[i].src = "";
	}
	console.log("EVC: Pausing video " + (i+1));
	if (!oVideoEls[i].paused) {
	oVideoEls[i].pause();
	}
	//oVideoEls[i].volume = 0.6; // custom controls do not update
	oVideoEls[i].muted = true;
	oVideoEls[i].removeAttribute("autoplay");
	oVideoEls[i].removeAttribute("loop");
	oVideoEls[i].removeAttribute("controls");
	oVideoEls[i].setAttribute("preload", "none");
	oVideoEls[i].pause();
	}
	var oButtons = document.getElementsByTagName("button");
	for (var i = 0; i < oButtons.length; i++) {
	if (oButtons[i].className) {
	if (oButtons[i].className.indexOf("ytp-mute-button") > -1) {
	console.log("EVC: Mute button " + oButtons[i].className);
	oButtons[i].click();
	oButtons[i].click();
	}
	}
	}
	} catch (e) {
	console.error("EVC: Error – " + e);
	}
	}