YouTube動画をﾍﾟｰｼﾞｻｲｽﾞに合わせて自動調整して埋め込むには | どらまちっくｰ…ばｰすとぉ！

↑
この記事によると､YouTube埋め込みのiframeﾀｸﾞに

style="max-width:100%;"

というｽﾀｲﾙを追加してやればいいっぽいです｡

やり方は他にもたくさんｸﾞｸﾞったら出てきます｡

｢bizvektor youtube 貼り付け｣

などでｸﾞｸﾞったらいいのではないでしょうか｡

埋め込みｺｰﾄﾞの大きさをhtmlやcssで設定していく方法が一般的なようです｡

<div class="v-wrap al-c m30-b">動画の埋め込みｺｰﾄﾞ</div>

というｺｰﾄﾞで､動画の埋め込みｺｰﾄﾞを挟みます｡
･･･
※Wordpressでﾌﾞﾛｸﾞを構築されている場合､ﾌﾟﾗｸﾞｲﾝに『wp touch』を入れている場合､上手く表示されない場合があります｡
YOUTUBE動画を埋め込む方法とｽﾏﾎ動画ｻｲｽﾞを最適化する方法 | ﾒﾙﾏｶﾞｱﾌｨﾘｴｲﾄとDRMを武器に稼ぐ永田武(たけやん)のﾌﾞﾛｸﾞ

貼り付けたいｺｰﾄﾞを

<div class="video-container"></div>

で囲みます｡CSSに以下のように記述します｡

.video-container {
 position: relative;
 padding-bottom: 56.25%;
 padding-top: 30px;
 height: 0;
 overflow: hidden;
}
 
.video-container iframe, 
.video-container object, 
.video-container embed {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

これだけです
埋め込んだYouTubeなどの動画をｽﾏﾎ用にCSSで最適化する方法

ここに貼り付けたいYouTubeのURLを指定すると､WPで投稿可能なHTMLﾀｸﾞを出力してくれますよ｡
※投稿する際には､本文投稿の設定を｢ﾋﾞｼﾞｭｱﾙﾓｰﾄﾞ｣でなく｢ﾃｷｽﾄﾓｰﾄﾞ｣で投稿する必要があるかもしれません｡

<http://embedresponsively.com/>