Sumirexxx

今日もiPhone片手に出かけます

もっと簡単に!Youtubeの埋め込み動画をレスポンシブでブラウザに応じた大きさにする方法 はてなブックマーク - もっと簡単に!Youtubeの埋め込み動画をレスポンシブでブラウザに応じた大きさにする方法

WordPress

YouTube icon full color

YouTubeの埋め込み

前回こんな記事を書きました。
Youtubeの埋め込み動画をレスポンシブでブラウザに応じた大きさにする方法 | Sumirexxx

もっと簡単な方法

自分で記事まで書いたくせに、Youtubeの動画をレスポンシブにする方法をすっかり忘れてました。笑
それで調べたら、自分のも出てきたけどもっと簡単な方法を見つけてしまいました。

それがこちら。

YouTube動画の埋め込みサイズをレスポンシブ対応にする方法 | アンドロイドマニア.com

width=”100%”とするだけ

考えてみればそうだよね。って感じです。「width=”100%”」だけでいけちゃいます。
ほんとかいー。

PCから見たとき

スクリーンショット 2017 01 23 16 05 50

iPhone 6から見たとき

Thumb IMG 6362 1024

まとめ

収まりが良くなりました!CSSで調整するより簡単だー!

YouTubeなどの動画・画像系はなるべく大きな画面で気持ちよく見てもらいたいと思っていますー!

<