youtubeの画像のサムネイル


投稿一覧を作っていると、映像が大きい・・・。
と言う事でyoutubeをifameで埋め込んでいますが、
これを小さくしたいと思いいろいろ試行錯誤。

そういえば以前にも同じことで悩んだことがあったな~。
と思い出し、以前のサイトへ。

[パソコン用スタイルシート]
.aiueo iframe{
	width:130px;
	height:70px;
}

[スマホ用スタイルシート]
.aiueo iframe{
	width:210px;
	height:150px;
}

これで解決していた様です。
なるほど。出来た!
と思いましたが、そのサイト。
iframe使っていませんでした。(^^;)

そういえばyoutubeのトップ画像を画像にすることが出来たような・・・。
と言う事でソースを見ると

<img src="http://img.youtube.com/vi/○○○○/default.jpg" />

となっていました。
○○○○の部分は動画個別のID(?)の様なもので画像ごとに違います。

ちなみに下がiframeで埋め込んだ場合(左)、(右)が上記方法で画像を取得した場合です。
iframeの方は再生が出来るぶん再生ボタンが邪魔ですね(^^;)
imgの方は画像が荒いですが再生ボタンが無い分見やすいです。


みんなのノート岡山さん
 投稿日:2019-01-20 08:54:58 表示回数:9893回 good:162回
youtebe,サムネイル


ページのトップへ戻る