もちろん登録すれば出ないんでしょうけどそこまでじゃない。

なんとかしたい
できるなら。

解決法①：uBlock Originのカスタムフィルタで回避

まずは解決方法から。
一つ目、uBlock Originのカスタムフィルタを使う。

uBlock Origin はWebブラウザ上で動作する「コンテンツ・広告ブロック拡張機能」です。
その機能に JavaScriptインジェクション機能（scriptlet） と呼ばれるものがあります。

これを使うことで、
自動停止と登録画面のポップアップの無効化
を試みます。

設定方法

uBlock Originの「マイフィルター」に、次のルールを追加します。

bilibili.com##+js(aost, player.pause, /video\/video\.[0-9a-f]+\.js[\s\S]+?core\.[0-9a-f]+\.js[\s\S]+?emit/)

保存したら、ページを再読み込みしてみてください。

再生後1分くらいで出てくる登録画面はもう出なくなっているはず。

フルスクリーンも解除されず、いい感じかなと。

注意点としては、

• Bilibili側の仕様変更で効かなくなる可能性がある
• 環境によっては動かないかも？（mac,Firefoxで確認したのみ）

ということ。

あくまでも自分用に書いているので、うまく動かない場合は環境に合わせて工夫してみてください。

uBlock Origin の aost で中断

ブラウザの開発ツールで自動停止時のスタックトレースを確認すると、
video.xxxxx（ハッシュ）.js が入っているのがわかりました。これは手動で一時停止した際にはなかったものです。

uBlock Originには特定のスタックトレース条件に一致した場合のみ処理を中断する「abort-on-stack-trace（aost）」というscriptletがあります。

これを使ってスタック内に

• video/video.xxxxxx.js
• core.xxxxx.js
• emitを含む

という条件に一致したときのみ player.pause を中断させます。

実は loginVersionEveryPlayInternval という文字列も出てくるので、

bilibili.com##+js(aost, player.pause, /loginVersionEveryPlayInternval/)

でも効くのですが、この名前が変更されたら一発で動かなくなるので構造的に判断するようにしてみました。

一応これで通常の一時停止はそのままに、自動停止だけを無効化することができました。

現在の時点（2026.03.01）では特に不具合もなく動作しています。

解決法②：TamperMonkeyのスクリプトで回避

Tampermonkey は、ユーザースクリプトを管理・実行できるブラウザの拡張機能です。

こちらはもっとシンプルと言いますか、
手動でやることを自動化した感じ。

登録画面が出たらそれを閉じて、一時停止している動画の再生ボタンを押す。自動的に。
シンプル。

新規スクリプトを追加、から以下をコピペ。

// ==UserScript==
// @name         Bilibili ポップアップ停止＆自動再生継続
// @namespace    http://tampermonkey.net/
// @version      1.2
// @description  動画再生中の登録勧誘ポップアップを削除し、停止した動画を再開させます。
// @author       me
// @match        *://www.bilibili.com/video/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    const observer = new MutationObserver(() => {
        //console.log("------------------------------------observe");
        const element = document.querySelector('.bili-mini-mask');
        if (element) {
            // ポップアップを削除
            element.remove();

            // 動画が停止している場合は再生を再開
            const video = document.querySelector('video');
            if (video && video.paused) {
                video.play().catch(e => console.log("再生再開に失敗しました:", e));
            }
        };

    });

    // ページの要素変化を監視開始
    observer.observe(document.body, {
        childList: true,
        subtree: false
    });
})();

こちらも注意点としては、Bilibili側の仕様変更で効かなくなる可能性があるということ。
やってることはシンプルなのでクラス名の変更などで動かなくなったら適宜修正してください。

ただこちらはフルスクリーン解除を回避していません。

あと再生が止まることはありませんが、ちょっと引っかかるような感じはあるかもしれない。
あまり気にならないけど。

まとめ

Bilibiliの登録画面（ログイン誘導）表示による自動停止をこんな感じで回避してみました。

あくまでも個人用に書いたものを備忘録として記事化しています。
自己責任にてご活用ください。

同じように困っている方の参考になれば幸いです。

では。

YouTubeのフィードから特定のチャンネルをブロックして排除したい

YouTubeを使っていて、
「このチャンネルは見たくないのになぜかおすすめに出てくる…」
って事ありません？

「出てきにくくなる」じゃなくてもう
出したくないし、サムネすら見たくない。
特に昨今のAIで嘘八百をただ読み上げてるだけの動画とかイライラしてしまう。

そんな動画を排除する方法についてまとめます。備忘録です。

YouTube上で特定のチャンネルをブロックする機能はあるの？

結論から言うと、現時点（2025年7月）では
視聴者が特定のチャンネルを完全に非表示にする機能はなさそうです。

以前は「ユーザーをブロック」することで、そのチャンネルを非表示にする方法が提供されていたようです。が、現在そういったものは見当たりません。
また、「興味なし」とすることで一時的にフィードに出にくくすることは可能ですが、完全な除外ではなく、一定期間が経つと再度表示される可能性があります。
子供の保護者向け管理機能はあるそうですが、これもまた使い方として限定的かなと。

というかそもそもログインして使ってないので設定もなにもないんですけどね自分には。

というわけで、ログインなしで非表示にする場合は、
本記事のような ブラウザ拡張機能を利用した回避策 が現実的なアプローチになります。

方法1：uBlock Originを使う

ブラウザはFirefoxを使っています。
最近では随分とシェアも減ったようですが、なんとなく使い続けています。

• オープンソースであり、ユーザーのプライバシーに重点を置いている
• uBlock OriginがManifest V2ベースで動作する最後の主要ブラウザ

そして uBlock Origin は、軽量で高性能な広告ブロッカー／コンテンツフィルター拡張機能です。
JavaScriptやDOM構造を解析し、不要なコンテンツの非表示・削除を行うことができます。広告だけでなく、ユーザー定義のフィルターによりWebページの任意の要素を非表示にすることが可能です。

[公式アドオンページ]からインストールできます。

マイフィルター（カスタムフィルター）の使い方と記述例

uBlock Originでは、「マイフィルター」機能を使って任意の要素を非表示にできます。

1. uBlock Originの「設定」画面やアイコンからダッシュボードを開き、「マイフィルター」タブを選択
2. 以下のようなフィルターを追加
3. 「変更を適用」をクリック

フィルター記述例：

www.youtube.com##ytd-rich-item-renderer:has(ytd-channel-name:has-text(/感動大国日本|世界が称賛JAPAN|世界が○○るニッポン/i))

簡単な解説：

• ## は、特定の要素を非表示にするセレクター構文
• ytd-rich-item-renderer はYouTubeのおすすめ・ホーム画面などで使われる要素
• :has-text() は、特定のテキストを含む要素を指定（チャンネル名に含まれる文字列、iは大文字小文字を区別しない）
• ytd-channel-name にあるテキストに特定の文字がある時、そのカードの領域ytd-rich-item-rendererを非表示にする

ちなみに、問題ない動画の説明文などに反応されると困るので、チャンネル名で判断しています。部分一致（〜を含む）で指定します。
指定する文字列はあまり汎用なものだと消す必要のないチャンネルまで消してしまう可能性があります。気をつけて。

注意点と限界

• uBlock Originは「要素の非表示」であり、YouTubeのレコメンドアルゴリズム自体を変更するわけではありません。
• YouTubeのUIやDOM構造が変更されると、フィルターが無効化される可能性があります。
• フィルターはユーザー個別に調整する必要があります。排除リストが長くなると動作が重くなるかも。

その他にも、
動画ページの関連動画リストや、その他の場所においては機能しません。
それらも記述しようとすると、場所毎に排除リストを重複して書く必要が出てきます。
冗長だよね…

方法2：Tampermonkeyを使う（チャンネル名で排除）

Tampermonkeyとはブラウザの拡張機能の一つで、ユーザーがJavaScriptコードを記述して、ウェブページの動作をカスタマイズできるツールです。
これにより、ウェブサイトの表示を自分好みに変更したり、機能を追加したり、既存の機能を変更したりできます。

[公式アドオンページ]からインストールできます。

さて、こちらはもう少し複雑なことが出来ます。

アドオンをインストールしたら「新規スクリプトを追加」から追加。

// ==UserScript==
// @name         YouTube 特定チャンネル非表示（安定動作版）
// @namespace    http://tampermonkey.net/
// @version      1.2
// @description  特定の文字列を含むチャンネルの動画を非表示
// @author       Me
// @match        *://www.youtube.com/*
// @grant        none
// @run-at       document-idle
// ==/UserScript==

(function () {
    'use strict';

    // ✅ ブロック対象のチャンネル名（部分一致）
    const blockedChannelNames = [
        "感動大国日本","世界が称賛JAPAN","世界が○○るニッポン"
    ];

    const blockedRegex = new RegExp(blockedChannelNames.join("|"), "i");

    // ✅ 対象となる動画カードの要素リスト
    const videoSelectors = [
        'ytd-rich-item-renderer', //ホーム/おすすめのカードに登場
        'ytd-video-renderer', //メインの動画リスト（検索結果）に使用
        'ytd-grid-video-renderer', //サブスクリプションやチャンネルページのグリッド表示
        'ytd-compact-video-renderer', //サイドバーや関連動画リスト
        'ytd-reel-item-renderer', //Shorts（リール）用カード
        'yt-lockup-view-model' //サイド関連動画
    ];

    // ✅ 対象カードからチャンネル名を取得
    function getChannelNameFromCard(card) {
        // チャンネル名の要素（複数形式あり）
        const selectors = [
            'ytd-channel-name a',      // 通常
            '#channel-name a',         // shorts 等
            '.ytd-channel-name',       // 一部検索結果
            '.yt-simple-endpoint',      // fallback
            'yt-content-metadata-view-model' //サイド関連
        ];
        for (const sel of selectors) {
            const el = card.querySelector(sel);
            if (el && el.textContent) {
                return el.textContent.trim();
            }
        }
        return null;
    }

    // ✅ ブロック処理
    function hideBlockedVideos() {
        videoSelectors.forEach(selector => {
            document.querySelectorAll(selector).forEach(card => {
                if (card.dataset.ytChecked) return;
                card.dataset.ytChecked = "true";

                const channelName = getChannelNameFromCard(card);
                if (channelName && blockedRegex.test(channelName)) {
                    card.style.display = 'none';
                    console.log("🚫 非表示: ", channelName);
                }
            });
        });
    }

    // ✅ 初回 + SPA 対応
    const observer = new MutationObserver(() => {
        setTimeout(hideBlockedVideos, 200);
    });

    observer.observe(document.body, {
        childList: true,
        subtree: true
    });

    // ✅ 初回読み込み後にも実行
    setTimeout(hideBlockedVideos, 1000);
})();

コピペしたら保存して、
「ブロック対象のチャンネル名」の部分に、ブロック（非表示）したいチャンネル名を追加していけばokです。
スクリプトを有効化するのも忘れずに。

これでyoutubeを開いたときに、いらんフィードを非表示にしてくれます。

コンソールを開けば
非表示: チャンネル名
と出るので機能してることがわかります。

スッキリ。

注意点

• こちらも「要素の非表示」であり、YouTubeのレコメンドアルゴリズム自体を変更するわけではありません。
• YouTubeのUIやDOM構造が変更されると、フィルターが無効化される可能性があります。
• タグ要素は環境によって変わることもあるようです。対象とする要素はユーザー個別に調整する必要があるかもしれません。

方法3：チャンネルIDで排除（Tampermonkey）

一つ上の方法2と同じですが、こちらはチャンネルIDを使います。
「チャンネル名」では汎用的な語句を使われた場合に誤判定が増えそうなので。

アドオンをインストールしたら「新規スクリプトを追加」から追加。

// ==UserScript==
// @name         YouTube: Hide cards by handle (lightweight)
// @namespace    http://tampermonkey.net/
// @version      1.0
// @description  Hide YouTube cards whose channel href (/@handle or /channel/UC...) matches blocked list (SPA-aware)
// @match        *://www.youtube.com/*
// @grant        none
// @run-at       document-idle
// ==/UserScript==

(function () {
    'use strict';

    const blockedChannelIds = [
        "@emojapa","@NurikaJapa","@%E4%B8%96%E7%95%8C%E3%81%8C%E3%",
    ];

    // blockedSetの生成（デコード・正規化を両辺で統一）
    const blockedSet = new Set(
        blockedChannelIds.map(x => normalizePath(x))
    );

    function normalizePath(str) {
        const decoded = tryDecode(str);
        const noTrail = decoded.split(/[?#]/)[0].replace(/\/+$/, '');
        return noTrail.startsWith('/') ? noTrail : '/' + noTrail;
    }

    function tryDecode(str) {
        try { return decodeURIComponent(String(str).trim()); }
        catch { return String(str).trim(); }
    }

    // チェック対象カード（コンテナ・Shortsは除外）
    const CARD_SELECTORS = [
        'ytd-rich-item-renderer',
        'ytd-video-renderer',
        'ytd-grid-video-renderer',
        'ytd-compact-video-renderer',
        'yt-lockup-view-model',
    ].join(',');

    // チャンネルリンク候補（優先順）
    const CHANNEL_LINK_SELECTORS = [
        'ytd-channel-name a',
        '#channel-name a',
        'yt-content-metadata-view-model a[href^="/@"]',
        'a.yt-simple-endpoint[href^="/channel/"]',
        'a[href^="/c/"]',
        'a[href^="/user/"]',
        'a[href^="/@"]',
    ];

    function getChannelPath(card) {
        for (const sel of CHANNEL_LINK_SELECTORS) {
            const el = card.querySelector(sel);
            if (!el) continue;
            const raw = el.getAttribute('href') || el.href || '';
            if (!raw) continue;
            try {
                const pathname = raw.startsWith('http')
                    ? new URL(raw).pathname
                    : raw;
                return normalizePath(pathname);
            } catch { continue; }
        }
        return null;
    }

    function processCard(card) {
        // pathが取れていれば確定済み（再チェック不要）
        if (card.dataset.ytBlocked === 'true') return;
        if (card.dataset.ytSafe === 'true') return; // ←取れた＆セーフ確定

        const path = getChannelPath(card);

        if (!path) return; // まだDOMが揃っていない→フラグを立てず再試行可能に

        if (blockedSet.has(path)) {
            card.style.setProperty('display', 'none', 'important');
            card.dataset.ytBlocked = 'true';
            console.debug('🚫', path);
        } else {
            card.dataset.ytSafe = 'true'; // セーフ確定→以後スキップ
        }
    }

    function run() {
        document.querySelectorAll(CARD_SELECTORS).forEach(processCard);
    }

    // throttle付きMutationObserver
    let timer = null;
    new MutationObserver(() => {
        if (timer) return; // leading throttle（前の処理が終わるまで追加しない）
        timer = setTimeout(() => { run(); timer = null; }, 200);
    }).observe(document.body, { childList: true, subtree: true });

    // 初回（DOMが遅延する場合に備えて2段階）
    setTimeout(run, 800);
    setTimeout(run, 2500);

})();

blockedChannelIds の部分に、ブロック（非表示）したいチャンネルIDを追加していけばok。
チャンネルIDは消したいカード（サムネ）の下に表示されているチャンネル名を右クリックしてリンクをコピー、その＠マーク以下を入力します。
日本語で設定されている場合にはURLエンコードされた文字列（例：@%E6%97%A5%E6%9C%AC%E3%81…みたいな）を入力します。

自分は現在この方法を使っています。

注意点

• チャンネルIDは任意に変更できるものらしいのでその点は注意。
• こちらも「要素の非表示」であり、YouTubeのレコメンドアルゴリズム自体を変更するわけではありません。
• YouTubeのUIやDOM構造が変更されると、フィルターが無効化される可能性があります。

まとめ

これで無事に、見たくないチャンネルの動画フィード、不快なサムネを非表示にできました。

最初はuBlock Originで設定したのですが、痒いところに手が届かないと言いますか、あともうちょいが届かない。
例としては3つほど”架空のチャンネル名”をあげていますが実際はもっと多いです。というか多すぎです。似たような動画ばっかりどうなってんだ。

そんな長ったらしいチャンネル名群を、複数行に書くのは精神衛生上よろしくありません。

そこで実は今回初めて Tampermonkey を使ってみました。
コードも実はChatGPTに手伝ってもらっています。AI動画を排除するためにAIを使うっていうね。ま、そういうもんだよね。うん。

とりあえずスッキリしたので良しとします。
以上。

PC版インスタで動画を早送り・巻き戻し！シークバーを表示させる方法【ブックマークレット】

PC版（web版）のインスタグラムのサイトって動画のシークバーが出ないんですよね。なんとなく気になると言うか、あとどれくらいで終わるのかがわからないとかが・・・なんか嫌。ちょんちょんと早送り・巻き戻ししたくてもできないし。んで、実は以前 u...

www.wholenotism.com

2026.03.07

Web版のInstagramをブラウザで閲覧中、動画のコントロールバー（シークバー）を表示させたいことってありません？

動画の再生速度を変更して2倍くらいのスピードで再生したり、少し戻すとか進めたりとシークしたい時なんかも。

でも基本そんなコントロールバーは出てこないし、
右クリックしても出せない仕様。

その為のアドオン/拡張機能/エクステンションを探せばなにかあるかもしれませんが、
そんなことしなくても
uBlock Origin（広告ブロック）を使っていれば簡単にできるよ！
というちょっとした小技をご紹介。

Web版Instagramの画面構成を調べてみる

さて、まずはWeb版Instagramの画面構成を調べてみます。

※画面はFirefoxです。

例えばこのページ（サンプル）、

開発ツールを表示させて、
動画部分の要素を選択すると・・・

videoタグが内包されているdivタグがあり、
その下に「PyenC」と「fXIG0」というクラスが割り当てられているdivタグがあります。

現状においてはこれらが動画の再生マーク（三角マーク）と、再生のトリガーとなるイベントが設定されている要素となります。

ここがクリックされると動画の再生が始まるわけですね。
そしてそれらが上に重なっている状態。

ノードを削除すれば良い？

上に重なって邪魔になるなら消してしまえばいい。

・・・と思いますがそうもいきません。

自動再生を許可していれば勝手に再生が始まりますが、
そうでない場合や、ホームのタイムラインなんかではクリックしてイベントを発生させなければ、
そもそも動画の再生がはじまりません。

ちなみにそれら二つの要素を消し、サムネイルとして表示されている imgタグを消して再生しようとするとエラーになってしまいます。

む〜

右クリックしてvideoのメニューが表示できるようにする

さて、ちょっと引っ張りすぎたのでそろそろ結論を書きます。

消してダメならずらせば良い（！）

「PyenC」と「fXIG0」に適用されているcssはこんな感じで

この bottom あたりの値を少しいじってみましょう。

とは言えいちいち手動ではやってられないので、
この部分のcss書き換え処理を uBlock Origin にやってもらいます。

uBlock OriginのMyフィルターを使ってCSSを上書き

uBlock Originをインストールしておく必要があります。
Chrome、Firefox、Edge、Opera等で利用可能です。
Safariでは使えません。

さて、uBlock Origin の設定画面から Myフィルター を出したら、

www.instagram.com##.PyenC, .fXIG0:style(bottom: 100px !important)

と1行追記します。
これだけ。

見ての通り bottom の値に上書きすることで、
当該要素を100ピクセル上に移動します。
つまり下側に右クリックする隙間を作ったわけです。

ブラウザで開いてみると下の方は右クリックしてメニューが出せるようになっており、
「コントロールを表示」を選べばコントロールバーが表示されます。

ちなみにホームのタイムライン上に表示される動画でも同じように
右クリックからメニューが出せるようになっているはずです。

ただしサムネイルとなる画像が重ねられているので、
一度再生ボタンを押して再生し（画像要素が削除されて動画の再生が開始される）、
そのあとで右クリックメニューを出す必要があります。

動画の自動再生を許可していなければ同様の手順が必要かもしれません。

まとめ

ということで上に重なっている要素を少しずらしてあげれば、
videoタグで表示されている部分にアクセスできるようになるよ、というお話でした。

uBlock Originのコンテンツフィルタを使って実現しましたが、
その他の環境でもcssが上書きできればいいのでアイディアさえ理解すれば応用は可能だと思います。

また、冒頭にも書きましたが、
これはあくまでも現在の仕様で使える方法です。

クラス名が変更されたり、構造が変われば当然使えなくなります。
使えなくなったらまた考えますけど。

そしてこれもお約束ですが、あくまでも自己責任において使う方は使ってください。

それでは。

画面上のどこをクリックしても新しいウインドウを開いて広告サイトへ飛ばされてしまう。

一度開いてしまえばその仕掛けは外され普通に閲覧できるようになるのだけれど・・・
ちょっと嫌なので、というかさすがにこれはやりすぎだし腹立たしいので対策することにしました。

画面をクリックしただけでウインドウが開く

ソースを見てみると全画面を覆うdiv領域が付け加えられ、その中にaタグ（リンク）が置いてある。
単純にそれを外して（非表示にして）みたのだけれど結果は変わらず。
画面のどこであれクリックで飛ばされてしまう。

次に直接ノードを削除してみた。
けれど瞬時に新しいランダムIDで復活してしまう。
その辺は相手もぬかりないようだ。
むぅ

さらに良くみてみるとイベントリスナーに Click が登録されており、
それが件のdiv要素を非表示にしてもクリックで飛ばされてしまう原因のようだ。

んならばその登録を阻害するまで。

uBlock Originを利用して対策

普段はFirefoxを使っており、そこにuBlock Originがインストールしてあります。

「uBlock Origin」

ご存知の方も多いと思いますが端的に言えば「広告ブロック」の拡張機能。
広告だけでなく条件にあった要素を消せるので見たくない項目、
例えば嫌いなサイトへのリンクを持っている要素ごと消し去ることができます。

一度設定してしまえば目にすることすら無くなるので、
アンテナサイト閲覧時などにストレスがたまらない。（笑

Myフィルターに登録する

結論から書きます。

（※Firefoxの場合）
uBlock Originがインストールされたら
拡張機能のアイコン > ダッシュボードを開く

そして「Myフィルター」の設定画面を開きます。

フィルタリングする条件を書いていきます。

annoying.example##+js(addEventListener-defuser.js, /^(click|mousedown)/)
annoying.example##div[style*="opacity: 0.01;"]

簡単に解説。
1行目：
annoying.example は「対象とするサイトのドメイン」
##は「以降の条件に適用」
+js(…) 「スクリプトを注入」（script:inject(…)、ver 1.15.12からこの省略形が利用可能です）
addEventListener-defuser.js 「イベントリスナーへの登録を防ぐスクリプト」
/^(click|mousedown)/ 「イベントの名前：この場合クリック」

2行目：
もともと挿入されていたdiv要素を排除します。
IDはランダムな文字列だったものの、style属性に”opacity: 0.01″が指定されていたのでそれを利用しました。

適用したいサイトのドメインに変えて記述し、「変更を適用」をクリックしたら作業は完了です。

これでイベントリスナーへの登録は阻止され、元から記述されていた全画面のdiv要素は非表示になりました。

結局ドメイン指定で拒否（追記）

その後、微妙にやり方を変えるなどしていたようですが、
接続しに行くドメインが結局のところ同じだったので、
そのドメインを拒否することで対応しました。

||example.com^

まとめ

広告をクリックするかどうかはユーザの意思に委ねられるべきです。

私自身もこのブログにアドセンスの広告を配置していますが、
見にくる人がアドブロック系のアドオン（機能拡張）を使っていても特に問題ないと考えています。

広告ばっかり見たくない気持ちもわかりますからね。
故によくある「アドブロックをオフにして！」的なスクリプトを走らせる気にはなりません。

もちろん記事を読んだついでに広告をクリックして貰えたらとても嬉しいのですが、
ユーザの意思に関係なく広告サイトへ飛ばすなんてのは言語道断です。

ということで今回対策した内容を記事にしてみました。

一応念のため言っておきますが、当サイトに設定しても意味ないですよ？
そもそもそんなことやってませんから（笑

参考サイト：uBlock Origin 再び ＠Firefox、Static filter syntax