こんにちは、広報の山崎雄俊です。前の記事で、YoutubeのHTML5プレイヤーをリクエストする方法を紹介しました。 YouTube上の動画をHTML5 動画プレーヤーで再生して倍速・スロー再生に対応させよう! http://addven.jp/blog-entry-165.html 今回は、Youtubeをレスポンシブデザインに対応させる方法を紹介します。 レスポンシブデザインとは レスポンシブデザインはCSS3 の Media Queriesという機能を利用して、同じ内容のコンテンツを、スマホやタブレット・PCなど、画面サイズの違いによってデザインを変更して表示するウェブデザインの一形態です。CSSでデザインを設定するだけでいいので、端末ごとに別個のコンテンツを用意する必要が無く、画面サイズに応じてデザインが追従するので、新しい端末が出ても対応できる点で優れています。 Youtubeと
![Youtubeをレスポンシブデザインに対応させて埋め込む方法|栃木県の業務用塗料店アドベン山崎隆一のブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/c0f525cc193a8073d62f483a8af7fb3ee8ef0ef0/height=288;version=1;width=512/http%3A%2F%2Fblog-imgs-68.fc2.com%2Fa%2Fd%2Fd%2Faddven%2Fresponsive-web-design.jpg)