効率化

YouTubeで一時停止中のコントローラーを非表示にするブックマークレット

YouTubeで一時停止するとコントロールバーが出てしまい、PC版LINEの「画面キャプチャ」のようなツールで注釈を描きながらスクショしたい場合に邪魔です。

この下のタイムインジケーターなどが邪魔

調べてみる

これを解消するブックマークレットを紹介しているサイトに辿り着きましたが、

一時停止したYouTube動画のコントロールバーを非表示にする方法

https://youtubedownload.minitool.com/jp/youtube/how-to-hide-youtube-bar.html

なんか画面下に黒いグラデが残る。

中身はcssクラスを指定してdisplay:noneしているだけなので、グラデにあたるブロックのcssが分かれば消せそう。

javascript:(function(){var goaway=".ytp-chrome-top,.ytp-chrome-bottom{display:none;}";if("\v"=="v"){document.createStyleSheet().cssText=goaway}else{var tag=document.createElement("style");tag.type="text/css";document.getElementsByTagName("head")[0].appendChild(tag);tag[(typeof document.body.style.WebkitAppearance=="string")?"innerText":"innerHTML"]=goaway}})();

YouTubeページのソース見るとytp-gradient-bottomでグラデを表示しているっぽいので、コードを改良。

完成品

画面下グラデも消す改良版

このコードをブックマークとして保存しておけば、ワンクリックでYouTube動画のコントローラーを非表示に出来る。再生再開する際にいちいちページ更新してられないので、再表示させる方も。


消す方

javascript:(function(){var goaway=".ytp-chrome-top,.ytp-chrome-bottom,.ytp-gradient-bottom{display:none;}";if("\v"=="v"){document.createStyleSheet().cssText=goaway}else{var tag=document.createElement("style");tag.type="text/css";document.getElementsByTagName("head")[0].appendChild(tag);tag[(typeof document.body.style.WebkitAppearance=="string")?"innerText":"innerHTML"]=goaway}})();

表示に戻す方

javascript:(function(){var goaway=".ytp-chrome-top,.ytp-chrome-bottom,.ytp-gradient-bottom{display:block;}";if("\v"=="v"){document.createStyleSheet().cssText=goaway}else{var tag=document.createElement("style");tag.type="text/css";document.getElementsByTagName("head")[0].appendChild(tag);tag[(typeof document.body.style.WebkitAppearance=="string")?"innerText":"innerHTML"]=goaway}})();

東北ずん子で新曲作りましウッ「SCIATICA」前のページ

【あったらヤなCM】103_個別指導塾「ちからずく」次のページ

ピックアップ記事

  1. なぜ?After Effectsの操作を「スクリプト」で効率化
  2. なぜ?After Effectsのレイヤーをエクスプレッションで効率化
  3. フリーランスの開業届提出は開業freeeでとにかく簡単に
  4. YouTubeで一時停止中のコントローラーを非表示にするブックマークレット
  5. amazonのスポンサー商品(広告)を非表示にするブックマークレット「amazO…

関連記事

  1. 効率化

    Adobe CCやプラグインは最安値で狙う

    ツールに関する費用である固定費や経費は、きちんと調べることでより安く済…

  2. 効率化

    フリーランスの開業届提出は開業freeeでとにかく簡単に

    開業時に一度しか提出しない書類は開業freeeでさくっと作れる時代。ど…

  3. 効率化

    JSON形式データをスクリプトでaeに反映するアイディア【置換テキストを表計算で管理】1

    JSON形式のデータを参照し、Ae内のテキストレイヤーを書き換えるスク…

  4. 効率化

    JSON形式データをスクリプトでaeに反映するアイディア【置換テキストを表計算で管理】2

    JSON形式データをスクリプトでaeに反映するアイディアの続き。サンプ…

  5. 効率化

    amazonのスポンサー商品(広告)を非表示にするブックマークレット「amazOFF」

    amazonのスポンサープロダクツは本来の検索結果とデザイン一緒で見分…

  6. 効率化

    映像制作者が学ぶプログラミング

    プログラミングで可能な効率化の具体例と、自身で取り入れる価値があるかの…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

CAPTCHA