Humanity

Edit the world by your favorite way

YouTube 動画ページからサムネイル画像を表示する Chrome 拡張・ブックマークレット

YouTube の動画を見ていてふとコメント欄に「サムネwwwww」の様なコメントを見つけてサムネを見返したいと思った事はありませんか?

僕は思ったのですぐさまブックマークレットを作り、暇だったのでやっつけで Chrome 拡張も作り、アイコン等の素材探しやスクリーンショットに使う動画を漁っていたらいつの間にか日が変わっていたので公開します。

最近はすぐ Chrome 拡張が作られる風潮ですが、僕はあまり無駄な拡張は入れたくないので最初古の技術(ブックマークレット)で作り、 Chrome 拡張作ってみたら案外便利だったので掌をツルリと返し今は Chrome 拡張の方を使っています。*1

Chrome 拡張版

現在見ている動画のサムネをポップアップで表示します。 どんな感じか見たいと思うので、リンク先にスクリーンショットも置いておきました。

chrome.google.com

github.com

ブックマークレット:ポップアップ版(※少なくとも Chrome ではブロックされてしまうので許可が必要です)

javascript:(_=>{location.search.replace(/v=([^&?=]+)/,(_,id)=>window.open('https://i.ytimg.com/vi/'+id+'/maxresdefault.jpg','popup','width=1280,height=720'))})()

ブックマークレット:画像をタブで開く版

javascript:(_=>{location.search.replace(/v=([^&?=]+)/,(_,id)=>window.open('https://i.ytimg.com/vi/'+id+'/maxresdefault.jpg'))})()

補足:YouTube のサムネイル画像の URL

ちなみに上記ブックマークレットmaxresdefault.jpg の部分を変える事でサイズの変更が可能です。

  • default.jpg (120 x 90)
  • mqdefault.jpg (320 x 180)
  • hqdefault.jpg (480 x 360)
  • sddefault.jpg (640 x 480)
  • maxresdefault.jpg (1280 x 720)

Chrome 拡張の方でもこの画像を直接表示しています。

*1:そしてまたその内使っていない事に気付いてアンインストールする気がします