// ==UserScript==
// @name 屏蔽所有Youtube广告 Youtube AD blocker (Block all ad). Including blocking Youtube Music.
// @name:zh-CN 屏蔽所有Youtube广告 包括Youtube Music
// @namespace https://github.com/ChenZihan-sudo/Youtube-AD-blocker/
// @version 0.5 [Beta]
// @description Block all video ads, insert ads, page ads. Including Youtube Music. 屏蔽所有视频广告、插入广告、页面广告。包括Youtube Music
// @description:zh-CN 屏蔽所有视频广告、插入广告、页面广告
// @author ChenZihan
// @match *.youtube.com/*
// @icon
// @grant none
// ==/UserScript==
(function () {
let rmAry = new Array();
let { href } = location;
setInterval(() => {
// console.log("execute");
let bufHref = location.href; //detect the change of href and execute
let detectAd; //detect the activity of insert ad
if (document.getElementsByClassName("ytp-ad-preview-text").length) {
detectAd = (document.getElementsByClassName("ytp-ad-preview-text")[0].innerHTML.constructor == String);
}
if (bufHref != href || detectAd) {
console.log("[YT AD block] Detect the change of href", href);
href = bufHref;
executeManager('f');
// frameworkAlreadyAdded = false; //From close video AD, change the frameworkAlreadyAdded to be false when href changed.
}
}, 500);
if (location.hostname.search("youtube") != -1) {
// action - companion - ad - info - button
addBData('id', 'player-ads', 'f'); //add data
addBData('id', 'masthead-ad', 'f');
addBData('path', '#YtKevlarVisibilityIdentifier', 'f');
addBData('class', 'ytp-ad-overlay-container', 'a');
addBData('csClick', [['ytp-ad-feedback-dialog-reason-input', 'randomPara(0, 2)'], ['ytp-ad-feedback-dialog-confirm-button', '0'], 1], 'f');
addBData('tag', 'ytd-display-ad-renderer', 'a');
addBData('csClick', [['ytp-ad-skip-button', '0'], 0], 'a');
// addBData("exe", "skipFixedAD();frameworkAlreadyAdded = true;", 'f');
addBData("remTactic1", ["badge-style-type-ad", 7, "ytd-section-list-renderer"], 'f');
addBData("remTactic1", ["badge-style-type-ad", 5, "ytd-item-section-renderer"], 'f');
addBData("remTactic1", ["badge-style-type-ad", 5, "ytd-watch-next-secondary-results-renderer"], 'f');
executeManager(); //execute at first time
}
/**
* @param {String} exePara (undefined) or ('f' => execute the data for 20 times, every time interval 500ms )
* */
function executeManager(exePara) {
let len = rmAry.length;
for (let i = 0; i < len; i++) {
if (rmAry[i][2] == 'a' && exePara == undefined) {
setInterval(() => {
console.log("[YT AD block] Execute remove insert AD loop");
execute(); //always execute the data
}, 800);
} else if (rmAry[i][2] == 'f' || exePara == 'f') { //execute only in first time
console.log("[YT AD block] Execute remove AD");
window.onload = function () { intervalExecute(); } //if player already load
if (exePara == 'f') { intervalExecute(); }
intervalExecute();
function intervalExecute() {
let times = 0;
let timer = setInterval(() => {
times++; if (times > 20) { clearInterval(timer); };
execute(); //excute 20 times in every 500ms
}, 500);
}
}
function execute() {
let isUniExeTag = rmAry[i][0] == "universal"; //Check is universal tag or not
if (!isUniExeTag) {
let exeTag = rmAry[i][0]; //Execute Type
let exeData = rmAry[i][1]; //Data container of execute type
executeBase(exeTag, exeData);
} else {
//[Beta] Execute Type: universal
// let exeLength = rmAry[i][1].length;
// for (let layeri = 0; layeri < exeLength; layeri++) {
// let layerExeData = rmAry[i][1][layeri];
// let exeTag = layerExeData[0];
// let exeData = layerExeData[1];
// executeBase(layerExeData, exeTag, exeData);
// }
};
}
function executeBase(exeTag, exeData) {
let cckClassDataPosi, cckType, cckCs;
switch (exeTag) {
case 'id': idRm(exeData);
break;
case 'path': pathRm(exeData);
break;
case 'class': classRm(exeData);
break;
case 'csClick':
{
len = rmAry[i][1].length - 1; //find last one num
cckClassDataPosi = rmAry[i][1][len];
cckType = rmAry[i][1][len].constructor;
if (cckType == Number) {
cckCs = rmAry[i][1][cckClassDataPosi][0];
} else if (cckType == String) {
cckCs = rmAry[i][1][2];
}
csClick(cckCs, rmAry[i][1]);
break;
}
case 'tag': tagRm(exeData);
break;
case 'exe': { dataExe(exeData); }
break;
case 'remTactic1': {
let className = exeData[0];
let parentNum = exeData[1];
let expParentClassName = exeData[2];
remTactic1(className, parentNum, expParentClassName);
}
break;
}
}
}
}
function addUniData(d2, d3) {
addBData('universal', d2, d3);
}
function addExeData(d2, d3) {
addBData('exe', d2, d3);
}
/**
* @param d1 - Execute Type: 'id' => Use document.getElementById() to remove
* @param d1 - Execute Type: 'path' => Use document.querySelector() to remove
* @param d1 - Execute Type: 'class' => Use document.getElementsByClassName() to remove
* @param d1 - Execute Type: 'csClick' => css click event
* @param d1 - Execute Type: 'tag' => Use document.getElementsByTagName() to remove
* @param d1 - Execute Type: 'exe' => Use eval to execute the code
* @param d1 - Execute Type: 'remTactic1' => See remTactic1();
* @param d2 - Data container of d1 execute type
* @param d3 - 'a' => Always execute the data, interval 800ms
* @param d3 - 'f' => First execute the data for 20 times, every time interval 500ms
*/
function addBData(d1, d2, d3) {
let len = apdAry(rmAry);
rmAry[len][0] = d1;
rmAry[len][1] = d2;
rmAry[len][2] = d3;
rmAry[len][3] = rmAry.length - 1;
}
/**
* By finding a className to find higher level of its parent element by class name and remove it
* @param {String} className The child node class name (signature class name recommend)
* @param {Number} parentNum How many node layers it parent elements have to get className(child node)
* @param {String} expParentClassName The parent node class name(signature class name recommend)
*/
function remTactic1(className, parentNum, expParentClassName) {
var sl_length = document.getElementsByClassName(className).length;
if (sl_length != 0) {
if (parentNum == 0) {
var len = document.getElementsByClassName(className).length;
for (let i = 0; i < len; i++) {
document.getElementsByClassName(className)[0].remove();
}
} else {
for (var s_i = 0; s_i < sl_length; s_i++) {
var parent = ".parentElement";
var finalParent = "";
for (var p_i = 0; p_i < parentNum; p_i++) {
finalParent = finalParent + parent;
}
//Find the parent name
var parentNode = "document.getElementsByClassName('" + className + "')[0]" + finalParent;
var parentNodeClassListLength = eval(parentNode + ".classList.length");
var isParentClassName = false;
for (let ii = 0; ii < parentNodeClassListLength; ii++) {
var parentClassName = eval(parentNode + ".classList[" + ii + "]");
if (parentClassName == expParentClassName) {
isParentClassName = true;
break;
}
}
if (isParentClassName) {
eval("document.getElementsByClassName('" + className + "')[0]" + finalParent + ".remove();");
remTactic1(className, parentNum, expParentClassName);
break;
}
}
}
}
}
function csClick(cckCs, exAry) {
if (document.getElementsByClassName(cckCs).length != 0) {
let len = exAry.length;
for (let i = 0; i < len; i++) {
if (exAry[i].constructor != Array) { break; } //cck data type
document.getElementsByClassName(exAry[i][0])[eval(exAry[i][1])].click(); //choose feedback option
}
}
}
function classRm(_class) {
let times = 0;
while (document.getElementsByClassName(_class).length != 0) {
times++; if (times > 100) { break; }
document.getElementsByClassName(_class)[0].remove();
}
}
function idRm(id) {
if (document.getElementById(id) != null) {
document.getElementById(id).remove();
}
}
function pathRm(path) {
if (document.querySelector(path) != null) {
document.querySelector(path).remove();
}
}
function tagRm(tag) {
let times = 0;
while (document.getElementsByTagName(tag).length != 0) {
times++; if (times > 100) { break; }
document.getElementsByTagName(tag)[0].parentNode.parentNode.remove();
}
}
function dataExe(exeData) {
if (exeData) {
let isArray = exeData.constructor == Array;
if (!isArray) {
eval(exeData);
} else {
//[Beta Test] Execute Type: universal
if (exeData[0]) {
let finalData = exeData[0] + exeData[1];
eval(finalData);
}
}
}
}
function randomPara(min, max) {
return Math.floor(Math.random() * (max - min + 1)) + min;
}
function apdAry(ary) {
ary.splice(ary.length, 0, []);
return ary.length - 1;
}
// var frameworkAlreadyAdded = false;
// function optimizeUserExperience(type) {
// if (type == 1) {
// //Let user can't see this about ad card
// let adCard = document.getElementsByTagName("yt-about-this-ad-renderer")[0];
// if (adCard) { adCard.style.display = "none"; };
// //Let user can't see this backdrop
// let backdrop = document.getElementsByTagName("tp-yt-iron-overlay-backdrop")[0];
// if (backdrop) { backdrop.style.display = "none"; }
// }
// if (type == 2) {
// //Check the current path
// if (location.pathname.search("watch") != -1) {
// //click the play button when it load fininshed, avoid stopping in ad video.
// let playButton = document.getElementsByClassName("ytp-play-button")[0];
// let isClick = document.getElementsByClassName("ytp-ad-preview-container").length;
// if (playButton && isClick) { playButton.click(); }
// }
// }
// if (type == 3) {
// //Set backdrop can be seen when ad is removed
// let backdrop = document.getElementsByTagName("tp-yt-iron-overlay-backdrop")[0];
// if (!backdrop) {
// backdrop.style.display = "";
// }
// }
// }
// /*————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————
// Thanks for the contribution at https://github.com/ChenZihan-sudo/Youtube-AD-blocker/pull/2
// Author: Naccl
// AuthorLink: https://github.com/Naccl
// Function: skipFixedAD()
// ————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————*/
// function skipFixedAD() {
// if (!frameworkAlreadyAdded) {
// console.log("triggered2");
// let adClickable, times = 0;
// let timer = setInterval(() => {
// //open the feedback iframe
// times++;
// adClickable = document.getElementsByClassName('ytp-ad-clickable').length;
// if (adClickable || times > 20) {
// clearInterval(timer);
// };
// }, 500);
// if (adClickable) {
// optimizeUserExperience(1);
// console.log("triggered3");
// document.getElementsByClassName('ytp-ad-clickable')[0].click();
// const observerInit = { childList: true, subtree: true };
// //In the first time, wo should detect the iframe element.
// //After the first time, the iframe element will always exist.
// const iframeObserver = new MutationObserver(() => {
// console.log("triggered4");
// const iframe = document.getElementById('iframe');
// if (iframe) {
// iframeObserver.disconnect();
// function iframeLoaded() {
// iframe.removeEventListener('load', iframeLoaded, true);
// //get feedback iframe document
// const iframeDocument = iframe.contentWindow.document;
// //click feedback button to open the confirm dialog (the element id or class are random, so we need XPath)
// document.evaluate('/html/body/c-wiz/div/div/div[2]/div[2]/div/div[1]/div[1]/div/div[2]/div[2]/div/button', iframeDocument).iterateNext().click();
// const iframeBody = document.evaluate('/html/body', iframeDocument).iterateNext();
// const okBtnObserver = new MutationObserver(() => {
// //get ok button after dialog created
// const okBtn = document.evaluate('/html/body/div[2]/div/div[2]/span/div/div/div[2]/div[2]/button', iframeDocument).iterateNext();
// if (okBtn) {
// okBtnObserver.disconnect();
// okBtn.click();
// //There may be delay and we need to detect the ok tips.
// //But ComputedStyle has not change event, MutationObserver can't do it.
// let okTipsTimer = setInterval(() => {
// //If the feedback is done, it will change from 'none' to 'flex'.
// const finishedTipsDisplay = getComputedStyle(document.evaluate('/html/body/c-wiz/div/div/div[2]/div[1]', iframeDocument).iterateNext(), null).display;
// if (finishedTipsDisplay !== 'none') {
// clearInterval(okTipsTimer);
// //Finished, close the iframe, the video will continue automatically.
// document.evaluate('/html/body/c-wiz/div/div/div[1]/div[2]/div/button', iframeDocument).iterateNext().click();
// // optimizeUserExperience(2); //click the play button when it load fininshed, avoid stopping in ad video.
// // optimizeUserExperience(3); //reset the backdrop element
// }
// }, 50);
// }
// });
// okBtnObserver.observe(iframeBody, observerInit);
// }
// //listen for the iframe element load event
// iframe.addEventListener('load', iframeLoaded, true);
// }
// });
// iframeObserver.observe(document, observerInit);
// };
// }
// }
// //————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————
})();
