YouTubeを記事に載せる｜リサイズするには

YouTubeを記事中に貼り付ける時に、リサイズする方法として、最も簡単と思えるので記録として残すために書く。

 CSSにclassタグを書く。半角英字を使用する。ここでは「abc」とした。

YouTubeの右下の「共有」⇒「埋め込む」から、コードをコピーする。

WordPressの投稿編集を「テキスト」にして、以下をかく。

/////「テキスト」に書く/////

<div class=”abc“>
･･･ここにYouTubeのコードをコピーする･･･
</div>

////////////////////////////

/////CSSの編集で書く/////

.abc{
position:relative;
width:100%;
padding-top:56.25%;
}
.abc iframe{
position:absolute;
top:0;
right:0;
width:100%;
height:100%;
}

///////////////////////////