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を紹介しました。軽量で、シンプルなコードでレスポンシブ対応にすることができます。

人気の記事

日本語対応の無料WordPressテーマ10選
日本語対応の無料WordPressテーマ10選
2017年におすすめしたい、日本語対応の有料WordPressテーマ10選
2017年におすすめしたい、日本語対応の有料WordPressテーマ10選
アドセンス運用に最適なWordPressテーマ3選
アドセンス運用に最適なWordPressテーマ3選
スポンサーリンク

関連記事 & スポンサーリンク

コメント

  • Posted on
  • Updated on
  • Views 615