Ad-skipper + Fix attempt

[ImprovedTube]

1.) mutationObserver trigger ( there could also be eventListeners)

youtube/js&css/web-accessible/functions.js

Lines 157 to 203 in 7b3020f

	} else if (id === 'movie_player') {
	if (!this.elements.player) {
	ImprovedTube.elements.player = node;
	// if (this.storage.player_autoplay === false) { ImprovedTube.elements.player.stopVideo(); }
	ImprovedTube.elements.video = node.querySelector('video');
	ImprovedTube.elements.player_left_controls = node.querySelector('.ytp-left-controls');
	ImprovedTube.elements.player_thumbnail = node.querySelector('.ytp-cued-thumbnail-overlay-image');
	ImprovedTube.elements.player_subtitles_button = node.querySelector('.ytp-subtitles-button');
	ImprovedTube.playerSize();
	new MutationObserver(function (mutationList) {
	for (var i = 0, l = mutationList.length; i < l; i++) {
	var mutation = mutationList[i];
	if (mutation.type === 'childList') {
	for (var j = 0, k = mutation.addedNodes.length; j < k; j++) {
	var node = mutation.addedNodes[j];
	if (node.nodeName === 'DIV' && node.className.indexOf('ytp-ad-player-overlay') !== -1) {
	ImprovedTube.playerAds(node);
	}
	}
	}
	}
	}).observe(node, {
	attributes: false,
	childList: true,
	subtree: true
	});
	new MutationObserver(function (mutationList) {
	for (var i = 0, l = mutationList.length; i < l; i++) {
	var mutation = mutationList[i];
	if (mutation.type === 'attributes') {
	if (mutation.attributeName === 'style') {
	ImprovedTube.playerHdThumbnail();
	}
	}
	}
	}).observe(ImprovedTube.elements.player_thumbnail, {
	attributes: true,
	attributeFilter: ['style'],
	childList: false,
	subtree: false
	});
	}

2.) Function:

youtube/js&css/web-accessible/www.youtube.com/player.js

Lines 372 to 394 in fe43c30

	ADS
	------------------------------------------------------------------------------*/
	ImprovedTube.playerAds = function (parent) {
	let button = parent.querySelector('.ytp-ad-skip-button.ytp-button') || parent;
	// TODO: Replace this with centralized video element pointer
	// let video = document.querySelector('.video-stream.html5-main-video');
	function skipAd() {
	//if (video) video.currentTime = video.duration;
	if (button) button.click();
	}
	if (this.storage.player_ads === 'block_all') {
	skipAd();
	} else if (this.storage.player_ads === 'subscribed_channels') {
	if (!parent.querySelector('#meta paper-button[subscribed]')) {
	skipAd();
	}
	} else if (this.storage.player_ads === 'block_music') {
	if (ImprovedTube.elements.category === 'music') {
	skipAd();
	}
	}
	};
	/*------------------------------------------------------------------------------

• (new lines by @HanzCEO needn't be commented)

---

---

experimental change: 917041b

youtube/js&css/web-accessible/functions.js

Lines 177 to 190 in fe43c30

	if (node instanceof Element
	&& node.querySelector('ytp-ad-player-overlay, .ytp-ad-text, .ytp-ad-overlay-close-container, ytd-button-renderer#dismiss-button, *[id^="ad-text"], .ytp-ad-skip-button.ytp-button') !== null
	){ImprovedTube.playerAds(node);}
	}
	}
	// if (mutation.type === 'attributes' && mutation.attributeName === 'id' && mutation.target.querySelector('*[id^="ad-text"]') )
	// {ImprovedTube.playerAds(node);}
	}
	}).observe(node, {
	attributes: false,
	// attributes: true,
	childList: true,
	subtree: true
	});

---

---

• misc: CSS for banners:

  youtube/js&css/extension/www.youtube.com/styles.css

  Lines 38 to 75 in fe43c30

  	4.2 ADS
  	------------------------------------------------------------------------------*/
  	html[it-ads=subscribed_channels] #related #player-ads,
  	html[it-ads=subscribed_channels] #masthead-ad,
  	html[it-ads=subscribed_channels] *[target-id*='engagement-panel-ads'],
  	html[it-ads=subscribed_channels] .ytd-ad-slot-renderer,
  	html[it-ads=subscribed_channels] yt-mealbar-promo-renderer,
  	html[it-ads=subscribed_channels] #player .ytp-ad-image-overlay,
  	html[it-ads=block_all] #related #player-ads,
  	html[it-ads=block_all] #masthead-ad,
  	html[it-ads=block_all] *[target-id*='engagement-panel-ads'],
  	html[it-ads=block_all] .ytd-ad-slot-renderer,
  	html[it-ads=block_all] yt-mealbar-promo-renderer,
  	html[it-ads=block_all] #player .ytp-ad-image-overlay {
  	display: none !important;}
  	html[it-ads=subscribed_channels] #player .video-ads .ytp-ad-player-overlay-flyout-cta,
  	html[it-ads=subscribed_channels] #player .ytp-ad-module .ytp-ad-player-overlay-flyout-cta,
  	html[it-ads=block_all] #player .video-ads .ytp-ad-player-overlay-flyout-cta,
  	html[it-ads=block_all] #player .ytp-ad-module .ytp-ad-player-overlay-flyout-cta{
  	display: none !important;}
  	/*
  	html[it-ads=subscribed_channels] #player .video-ads,
  	html[it-ads=subscribed_channels] #player .ytp-ad-module,
  	html[it-ads=block_all] #player .video-ads,
  	html[it-ads=block_all] #player .ytp-ad-module {
  	opacity: 0.0001 !important;
  	}
  	html[it-ads=subscribed_channels] #player .ytp-ad-preview-image,
  	html[it-ads=block_all] #player .ytp-ad-preview-image,
  	html[it-ads=subscribed_channels] #player .ytp-ad-skip-button-container,
  	html[it-ads=block_all] #player .ytp-ad-skip-button-container {
  	opacity: 0.5 !important;
  	}
  	*/
  	/*------------------------------------------------------------------------------

  • (commented because hiding CSS parent elements must also hide child elements, including the skip button)