Fully Working 2023 UnBlocker for YouTube. Get rid of that pesky blocker, and return my vids!
目前為
// ==UserScript==
// @name YouTube DeBlock
// @description Fully Working 2023 UnBlocker for YouTube. Get rid of that pesky blocker, and return my vids!
// @author YelloNolo
// @version 1.0.5
// @created 2023-10-10
// @namespace https://yello.zip
// @homepage https://github.com/YelloNolo/YouTube-Adblock
// @match *://www.youtube.com/*
// @grant none
// ==/UserScript==
(function () {
// Any class the blocker uses
const blockerClass = 'ytd-enforcement-message-view-model';
// Any class on the broken video
// yt-playability-error-supported-renderers
const ogVideoClass = 'yt-playability-error-supported-renderers';
// Original Youtube URL
const youtubeURL = "youtube.com";
// Change to theater mode on load
const changeTheaterOnStart = true;
// Domains to redirect to.
var domainList = [
"youtube.com/embed",
"yout-ube.com",
"nsfwyoutube.com"
];
// --- Do Not Touch --- //
var newDomain = domainList[0];
// Temp Functions //
const tempReplaceClass = "replaceme";
let isBlocked = false;
let isSubChange = false;
let isChangingFrame = false;
var updatedURL = window.location.href;
var previousDropdownValue;
// --- Do Not Touch --- //
// -------------- Main Loop Funcitons -------------- //
// Function that checks if the page is even blocked
function checkClass() {
const elements = document.querySelectorAll("." + blockerClass);
var runOnce = false;
if (elements.length > 0) {
isBlocked = true;
console.log("blocked [checkClass]: yes");
}
if (isBlocked) {
console.log("Replacing Original [checkClass]");
replaceVideo();
addDomainToURLs();
isBlocked = false;
} else {
// console.log("[checkClass] #2") - Cogs Log
urlTracker();
dropdownTracker();
}
if (changeTheaterMode && !runOnce) {
changeTheaterMode(true)
runOnce = true;
}
}
// -------------- Event Listeners -------------- //
// Checks if the url has changed, if so, reload the iframe (thus reloading the video)
function urlTracker() {
var currentURL = window.location.href;
// console.log("Test URL [urlTracker]"); - Cogs Log
if (currentURL != updatedURL) {
console.log("Found New URL");
updatedURL = window.location.href;
if (isSubChange) {
isBlocked = true;
}
}
}
// Checks if the dropdown has changed
function dropdownTracker() {
var dropdown = document.getElementById("dropdown");
if (dropdown) {
dropdown.addEventListener('change', function () {
var newValue = dropdown.value;
// Check if the value has actually changed
if (newValue !== previousDropdownValue) {
newDomain = domainList[newValue];
console.log("Selection Changed: " + newDomain);
reloadFrame();
// Update the previousValue variable
previousDropdownValue = newValue;
}
});
}
}
// Reload Frame when "Reload Frame" button is clicked
function reloadFrame() {
replaceVideo();
addDomainToURLs();
console.log("clicked");
}
// -------------- Checks -------------- //
function appendingFrame(isSet) {
if (isSet == true) {
isChangingFrame = true;
} else {
isChangingFrame = false;
}
console.log("ChangingFrames: " + changingFrame)
}
function restRead() {
null;
}
// -------------- Actions -------------- //
// Remove the *blocker* from the page by locating the class name.
function removeElementsByClassName(removeClass) {
console.log("Removing [removeElementsByClassName]: " + removeClass);
const elements = document.querySelectorAll('.' + removeClass);
elements.forEach(element => {
element.remove();
});
}
// Checks string and returns if contains matching text
function checkText(string, text) {
console.log("Checking string [checkText]")
return string.includes(text);
}
// Function to replace "youtube.com" with selected domain
function getNewURL(newDomain) {
console.log("New URL [newDomain]: " + newDomain);
const currentURL = window.location.href;
if (currentURL.includes(youtubeURL)) {
const newURL = currentURL.replace(youtubeURL, newDomain);
return newURL;
}
}
// Adds "youtube.com" to all nameless urls on webpage
function addDomainToURLs() {
console.log("Adding [addDomainToURLs]");
const links = document.querySelectorAll('a');
links.forEach(link => {
let href = link.getAttribute('href');
if (href && !href.startsWith('http') && !href.startsWith('www')) {
href = 'https://www.' + youtubeURL + href;
link.setAttribute('href', href);
}
});
}
// Is it the first video change, or recurring?
function replaceVideo() {
if (!isSubChange) {
console.log("replacing [replaceVideo]");
removeElementsByClassName(blockerClass);
createJFrame(ogVideoClass);
isSubChange = true;
return;
}
if (isSubChange) {
console.log("replacing subclick [replaceVideo]");
removeOgIframe();
createJFrame(tempReplaceClass);
console.log("In with the new [replaceVideo]");
}
isBlocked = false;
}
// Edits the URL to include "watch?v="
function fixURL(URL) {
const isURL = checkText(URL, youtubeURL);
const isPlaylist = checkText(URL, "&list=");
const isTimestamp = checkText(URL, "&t=");
console.log("isURL:" + isURL + " isPlaylist:" + isPlaylist + " isTimestamp:" + isTimestamp);
console.log("URL [fixURL]:" + URL);
if (isURL && !isPlaylist) {
URL = URL.replace("watch?v=", "");
console.log("Is Not Playlist [fixURL]: " + URL);
}
if (isURL && isTimestamp){
URL = URL.split("&t=")[0];
console.log("URL Split [fixURL]: " + URL);
}
return URL;
}
var theaterMode = true;
function toggleTheater(){
if (theaterMode) {
console.log("Changing Mode [toggleTheater]: Off");
theaterMode = false;
} else {
console.log("Changing Mode [toggleTheater]: On");
theaterMode = true;
}
changeTheaterMode(theaterMode)
}
function changeTheaterMode(state) {
if (state) {
collection = document.getElementsByTagName('ytd-watch-flexy');
ytd_watch_flexy = collection.item(0);
ytd_watch_flexy.theater = true;
console.log("Theater On [changeTheaterMode]");
} else {
collection = document.getElementsByTagName('ytd-watch-flexy');
ytd_watch_flexy = collection.item(0);
ytd_watch_flexy.theater = false;
console.log("Theater Off [changeTheaterMode]");
}
}
// -------------- JFrame Control -------------- //
// Create video embedding frame
function createJFrame(classToOverturn) {
var newURL = getNewURL(newDomain);
const elements = document.querySelectorAll("." + classToOverturn);
console.log("newURL Beginning [createJFrame]: " + newURL);
newURL = fixURL(newURL);
elements.forEach(element => {
const iframe = document.createElement('iframe');
iframe.width = '100%';
iframe.height = '100%';
iframe.src = newURL;
iframe.allow = 'accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share';
// autoplay ^ (autoplay removed after bug; also never worked anyhow)
iframe.allowFullscreen = true;
iframe.zIndex = '9999';
// Replace the existing element with the custom URL
element.parentNode.replaceChild(iframe, element);
console.log("Modified URL:", newURL);
});
}
// Removes the original video frame.
function removeOgIframe() {
const iframes = document.querySelectorAll('iframe');
console.log("removing jFrame [removeOgIframe]");
iframes.forEach(iframe => {
const paragraph = document.createElement('p');
paragraph.className = tempReplaceClass;
iframe.parentNode.insertBefore(paragraph, iframe);
iframe.remove();
console.log("Out with the old [removeOgIframe]");
});
}
// -------------- Experimental Features (unused) -------------- //
// Save dropdown selection to local storage
function dropdownStore() {
rememberButton.addEventListener('click', function () {
localStorage.setItem('selectedOption', dropdown.value);
console.log("Selection Stored");
});
}
// -------------- Custom HTML Start -------------- //
// Custom CSS
var css = `
.btn-style {
position: relative;
display: inline-block;
padding: 9px;
height: 40px;
color: white;
background-color: transparent;
box-shadow: none;
text-shadow: none;
border: 1px solid white;
border-radius: 0px;
z-index: 9999;
opacity: 100%;
transition: transform 0.3s ease;
user-select: none;
}
.btn-style:hover {
opacity: 80%;
}
.main-btn {
margin-right: 16px;
transition: transform 0.1s ease;
}
.main-btn:active {
border: 1px solid transparent !important;
transform: scale(0.9);
}
.dropdown-content {
position: relative;
background-color: black;
}
.custom-container {
border: none;
display: inline-block;
margin-right: 16px;
margin-left: 16px;
transition: transform 0.3s ease;
}
`;
// Create Container
var customContainer = document.createElement("div");
customContainer.classList.add("custom-container");
/* Not Complete
// Create Button Theater Mode
var theaterButton = document.createElement('button');
theaterButton.textContent = 'Theater';
theaterButton.classList.add("btn-style", "main-btn");
*/
// Create Button Reload
var reloadButton = document.createElement('button');
reloadButton.textContent = 'Reload Frame';
reloadButton.classList.add("btn-style", "main-btn");
// Create Dropdown Menu
var dropdownButton = document.createElement("select");
dropdownButton.id = "dropdown";
dropdownButton.classList.add("btn-style");
dropdownButton.innerHTML = `
<option class="dropdown-content" value="0">YouTube Embed</option>
<option class="dropdown-content" value="1">YouT-ube [Fixed?]</option>
Broke <option class="dropdown-content" value="2">NSFW YouTube [Broken!]</option>
`;
// -------------- Custom HTML End -------------- //
// ----- Appending custom content to page ----- //
// Add items to Container
// Coming Soon: customContainer.appendChild(theaterButton);
customContainer.appendChild(reloadButton);
customContainer.appendChild(dropdownButton);
// Append CSS to page
var style = document.createElement("style");
style.appendChild(document.createTextNode(css));
document.head.appendChild(style);
// Find ID Location
var exsistingParent = document.getElementById("end");
// Add Container to Page
var exsistingParent = document.getElementById("end");
exsistingParent.insertBefore(customContainer, exsistingParent.firstChild);
// -------------- Active Listeners -------------- //
// Listen for reload BTN click (SOON)
// theaterButton.addEventListener('click', toggleTheater);
// reloadButton.addEventListener('click', reloadFrame);
// Run every second to check for updates on page (Will not ping any server till a new page is clicked)
const classCheckInterval = setInterval(checkClass, 1000);
document.addEventListener('click', checkClass, 1000);
})();