効率化

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

関連記事

  1. 効率化

    フリーランスの時間とお金の効率化

    全ての作業は、お金をかけず手間をかけるか、手間をかけずお金を使うかの2…

  2. 効率化

    フリーランスの確定申告に会計freee

    確定申告には開業時にも開業freeeでお世話になった信頼感から、クラウ…

  3. 効率化

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

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

  4. 効率化

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

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

  5. 効率化

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

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

  6. 効率化

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

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

コメント

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

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

CAPTCHA