今やレスポンシブデザインにするのは当然の選択肢になりました。

YouTubeの動画をウェブサイトに埋め込むこともあると思いますが、動画もレスポンシブで表示させたいですよね。

YouTubeの埋め込み動画を簡単にレスポンシブにしてくれるのが、「SuperEmbed.js」です。

読み込ませておくだけで、動画の幅を画面やウィンドウの大きさに合わせてレスポンシブ化してくれます。

サンプルをご覧ください。

Youtube埋め込み動画を簡単にレンスポンシブにしてくれる「SuperEmbed.js」サンプル






対応している動画は、YouTube, Vimeo, Kickstarter, CollegeHumor, Hulu, Flickr, Vine, VideoPress, DailyMotion, Twitch.tv, Vid.meなど。

jQueryなしで単体で動作します。サイズも1.4 KBだけなのでサイトが重くなることもありません。

→「YouTube埋め込み動画を簡単にレンスポンシブにしてくれる「SuperEmbed.js」」の続きを読む