KITASENJU DESIGN BLOG

memo, html, javascript, unity

youtubeをラジオ化?するchrome拡張

ながらyoutubeは、つい画面を見てしまい作業に集中できないため、youtube上で動画を消すchrome拡張(のコード)

manifest.json

{
  "manifest_version": 2,
  "name": "YoutubeRatio",
  "description": "YoutubeRatio",
  "version": "1.0",
  "content_scripts": [
  {
    //注意:書き方がわからんかったから全部のサイト対象
    "matches": ["http://*/*","https://*/*"],
    "js": ["content.js"]
  }
  ],
  "permissions": ["activeTab"]
}

js

window.onload = youtubeRatioInit;

function youtubeRatioInit(){
    
    //なんかうまくいかなかったからループで隠す。
    var id = setInterval(function(){ 
        var list = document.getElementsByClassName("video-stream");
        if(list && list.length>=1) list[0].style.display="none";    
     }, 100);

     //ダブルクリックで復帰
     window.ondblclick = function(){
        clearInterval(id);
        var p = document.getElementsByClassName("video-stream")[0];
        if(p.style.display=="none") p.style.display="block";   
        else p.style.display="none";
     }

}

使い方(&作り方)

Chrome拡張の作り方 (超概要) - Qiita

"FOOTER"