Youtube Ad Blocker

README.md

インストールの方法

適当なフォルダを作成し content.js, manifest.json を配置

chrome://extensions/ にアクセスし、「パッケージ化されていない拡張機能を読み込む」をクリックし、作成したフォルダを選択すると完了。

拡張を作るのに参考にしたサイト

• Chrome拡張の作り方 (超概要)
  https://qiita.com/RyBB/items/32b2a7b879f21b3edefc

• 課金なんて必要ない？YouTubeの広告自動スキップ＆バナー自動削除のChrome拡張作ってみた
  https://qiita.com/fuwasegu/items/fd1da5f6b727fbe611e4

• nojaja/ScriptAutoRunner.png
  https://gist.github.com/nojaja/cdeec6bdc0e77decb6a7e6350cb90c44

content.js

const host_url = location.host;

if (host_url === "www.youtube.com") {
  setInterval(function () {
    //バナー広告の閉じるボタン取得
    let element = document.querySelector(
      "div.ytp-ad-overlay-close-container > button"
    );
    if (element) {
      //閉じるボタンが取得できたのでクリック
      element.click();
      console.log("ad closed");
      return;
    }
    //動画広告のスキップボタン取得
    element = document.querySelector(".ytp-ad-skip-button");
    if (element) {
      //スキップボタンが取得できたのでクリック
      element.click();
      console.log("ad skiped");
      return;
    }
    //動画広告のスキップボタン取得
    element = document.querySelector(".ytp-ad-skip-button-modern");
    if (element) {
      //スキップボタンが取得できたのでクリック
      element.click();
      console.log("ad skiped");
      return;
    }

    element = document.querySelector("span.ytp-ad-preview-container");
    if (element) {
      console.log("動画はまもなく再生されます", element);
      const videoElement = document.querySelector("video");
      if (videoElement) {
        console.log("videoElement.playbackRate", videoElement.playbackRate);
        videoElement.playbackRate = 16;
        console.log("videoElement.playbackRate", videoElement.playbackRate);
      }
      return;
    }
  }, 1000);
}

manifest.json

{
  "name": "Sample",
  "version": "1.0.0",
  "manifest_version": 3,
  "description": "Sample Chrome Extension",
  "content_scripts": [
    {
      "matches": ["https://*/*"],
      "js": ["content.js"]
    }
  ],
  "permissions": ["activeTab"]
}