こんにちは。

拙ブログで以前取り上げたモニタのチラつき問題。 当時は応急処置で対応していましたが、私なりに恒久対応できたので書いておきます。

ゆーがいぶろぐ

前提

おそらく俺環な問題なのでこの記事はまったく個人的な内容となっています。 以下の超ピンポイントな環境について書いています。

• IOデータのADSパネルモニタ「EX-LD4K432DB」を使っている
• YouTubeでWNL（ウェザーニュースライブ）を長時間視聴している
• YouTubeを視聴するGoogle Chromeブラウザに拡張機能「Enhancer for YouTube」を インストールしている。

対応

Enhancer for YouTubeではユーザスクリプトを登録し実行することが出来ます。 これを利用し、WNLのティッカー表示域にHTML要素を追加するスクリプトを登録しました。

{
    const ADD_ELEMENT_ID = 'hide-ticker';
    const existsElement = document.getElementById(ADD_ELEMENT_ID);
    if (existsElement === null) {

        const newElement = document.createElement("div");
        const newContent = document.createTextNode("Ticker隠し");
        newElement.appendChild(newContent);
        newElement.setAttribute("id",ADD_ELEMENT_ID);
        newElement.style.top = "88%";
        newElement.style.left = "1.5%";
        newElement.style.width = "89%";
        newElement.style.height = "11%";
        newElement.style.position = "absolute";
        newElement.style.zIndex = 11;
        newElement.style.background = "#0091EA";

        const ytdPlayer = document.getElementById('ytd-player');
        const videoContainer = ytdPlayer?.getElementsByClassName('html5-video-container')[0];    
        videoContainer.insertAdjacentElement('afterend', newElement);

    } else {
        existsElement.remove();
    }
}

document.getElementById('hide-ticker');

ティッカー表示域を隠すHTML要素はhide-tickerというIDを持つDIV要素としました。 スクリプトを実行するたびに、存在しなければ追加・存在していれば削除とトグルしたかったため、まずは変数に取得しています。