iframe、object、embed、videoをレスポンシブ対応にできる軽量のjQueryプラグイン「Flexy」

iframe、object、embed、videoをレスポンシブ対応にできる軽量のjQueryプラグイン「Flexy」

Flexyはiframe、object、embed、videoをレスポンシブ対応にできる軽量のjQueryプラグインです。

まずは、デモページをご覧ください。

シンプルなコードで、レスポンシブ対応にすることができます。

スポンサーリンク

使い方

ダウンロード

GitHubにソースコードが公開されています。

右上のClone or download > Download ZIPからZIPファイルをダウンロードできます。

ダウンロード

ZIPファイルを展開したら、srcフォルダに入っている「flexy.js」を使います。

JS

jQueryとflexy.jsを読み込みます。

HTML

iframeでyoutubeのビデオを用意しました。

JS実行

あとは、</body>閉じタグの直前などでスクリプトを実行するだけです。

まとめ

iframe、object、embed、videoをレスポンシブ対応にできるjQueryプラグイン、Flexyを紹介しました。軽量で、シンプルなコードでレスポンシブ対応にすることができます。

スポンサーリンク
Flexy – iframe、object、embed、videoをレスポンシブ対応にできる軽量のjQueryプラグイン

みんなが見ている記事

コメントを投稿する

  • Posted on 2016.06.15
  • Views 483