YouTube のサムネイルの URL を取得するブックマークレット

YouTube のサムネイルの URL を取得するブックマークレットを作ったので、もし使いたい人がいたら使ってください。ブックマークバーにドラッグすると使えます。

アイキャッチを YouTube の動画にするために、サムネイルの URL を取得する必要があり、手軽に取得するためにブックマークレットを作りました。いろいろあって使わなかったのですが、せっかく作ったので誰かの役立てばいいなと思ったので置いておきます。

アイキャッチを YouTube の動画にしたくて試したいろいろ

YouTube の動画をネタに感想を書いて記事を投稿するときに、感想を書きたい元の動画がアイキャッチだと画面の構成がシンプルになって見やすくなると思って、アイキャッチを YouTube の動画にする方法を試してみた。 理想的な形は、ブログの...

dir.mkmin.com

2021.06.11

ブックマークレットの内容

処理内容は、YouTube の URL から ID を切り出して、サムネイルの URL と ID を組み合わす。

javascript:
var host=location.host;
if(host=='www.youtube.com'){
	var matched=location.href.match(/(?:https:\/\/www.youtube.com\/watch\?v=)(\w{11})/);
	var vid=matched!=null?matched[1]:'';
	var url='https://img.youtube.com/vi/'+vid+'/maxresdefault.jpg'
} else {
	alert('Error:ブックマークレットのサポート範囲外のページです。')
}
if(url){
	if(vid){
		if(url=prompt('コピーしてください。',url)){
			var r=document.createRange();
			var text=document.createTextNode(url);
			r.selectNode(document.body.appendChild(text));
			window.getSelection().addRange(r);
			document.execCommand('copy');
			text.remove()
		}
	} else {
		alert('Error:コードが見つかりませんでした。')
	}
}

Cocoon の Amazon商品リンクショートコードを生成するブックマークレットを修正したので、詳しくは元のページを参照してください。

CocoonのAmazon商品リンクショートコードをボタン一発で作成するブックマークレットを作った

CocoonのAmazon商品紹介用ショートコードを自動作成するブックマークレットを作りました。カエレバやヨメレバのかわりにCocoonの機能を使う人は便利かと思います。

bloglab.naenote.net

ブックマークレットの使い方は、下記に詳しく載っているので参考にしてください。

Amazon商品リンクブックマークレットの使い方

Amazon商品リンクショートコードを手軽に作成するための「Amazonリンク作成ブックマークレット」の登録方法と、使い方の解説です。

wp-cocoon.com

ブックマークレート用のボタンを作るときの注意点

ブックマークレット用のボタンを置いておくために、COCOON ブロックのボタンを使ったら、href が整形されていて、正常に表示されなかった。おそらく、http から始まらないから書き換えられたと予想。

イレギュラーな使い方をするときは、囲みボタンを使うようにする。