YoutubeやVimeo、Vineなどのembedをレスポンシブにする非依存の軽量スクリプト・「superembed.js」

Ads

superembed.js


superembed.jsはYoutubeやVimeo、Vine等の動画共有サービスのembedをレスポンシブWebデザインに対応する為のスクリプトです。CSSで動画要素を包括して、といった作業の必要もなく、他ライブラリへの依存も無く、現状なら圧縮版で1.6kbと非常に軽量なスクリプトですので扱いやすいかと思います。コードは非常にシンプルなので対応サービスを増やしたい場合でもすぐ分かるかと思います。また、iframe要素には自動でsuperembed-forceというclassが付与されますので必要に応じて利用出来ます。スクリプトを読みこめば即RWD対応出来るのは魅力かなと思います。

superembed.js