Fully Working 2023 UnBlocker for YouTube. Replaces all videos with unblocked embeds.
当前为
// ==UserScript==
// @name YouTube DeBlock
// @description Fully Working 2023 UnBlocker for YouTube. Replaces all videos with unblocked embeds.
// @author YelloNolo
// @version 1.0.0
// @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 = 'video-stream html5-main-video';
// Original Youtube URL
const youtubeURL = "youtube.com";
// 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 isSubclick = 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);
if (elements.length > 0) {
isBlocked = true;
}
if (isBlocked) {
console.log("Replacing Original");
replaceVideo();
addDomainToURLs();
} else {
urlTracker();
dropdownTracker();
}
}
// -------------- Event Listeners -------------- //
// Checks if the url has changed, if so, reload the iframe (thus reloading the video)
function urlTracker() {
var currentURL = window.location.href;
if (currentURL != updatedURL) {
console.log("Found New URL");
updatedURL = window.location.href;
if (isSubclick) {
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");
}
// -------------- Actions -------------- //
// Remove the *blocker* from the page by locating the class name.
function removeElementsByClassName(removeClass) {
const elements = document.querySelectorAll('.' + removeClass);
elements.forEach(element => {
element.remove();
});
}
// Edits the URL to include "watch?v="
function fixURL(URL) {
const isURL = checkText(URL, youtubeURL);
const notPlaylist = !checkText(URL, "&list=");
console.log("isURL:" + isURL + " and notPlaylist:" + notPlaylist);
console.log("URL:" + URL);
if (isURL && notPlaylist) {
URL = URL.replace("watch?v=", "");
console.log("Fixed URL: " + URL);
}
return URL;
}
// Checks string and returns if contains matching text
function checkText(string, text) {
return string.includes(text);
}
// Embeds the new video into the page
function updateVideoToNewFrame() {
removeOgIframe();
createJFrame(tempReplaceClass);
console.log("In with the new");
}
// Function to replace "youtube.com" with selected domain
function getNewURL(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() {
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);
}
});
}
function replaceVideo() {
if (!isSubclick) {
console.log("replacing");
removeElementsByClassName(blockerClass);
createJFrame(ogVideoClass);
isSubclick = true;
return;
}
if (isSubclick) {
console.log("replacing subclick");
updateVideoToNewFrame(tempReplaceClass, newDomain);
}
isBlocked = false;
}
// -------------- 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 ^ (removed from bug; fixing currently)
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("beginning the removal");
iframes.forEach(iframe => {
const paragraph = document.createElement('p');
paragraph.className = tempReplaceClass;
iframe.parentNode.insertBefore(paragraph, iframe);
iframe.remove();
console.log("Out with the old");
});
}
// -------------- 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");
// Create Button
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</option>
<option class="dropdown-content" value="2">NSFW YouTube</option>
`;
// -------------- Custom HTML End -------------- //
// ----- Appending custom content to page ----- //
// Add items to Container
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
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);
})();