jquery.cbiframesize.js

＜概要＞

ブラウザに表示させているiframe要素の高さをコンテンツの横幅（画面の横幅）に応じてアスペクト比を維持したまま伸縮させるjQueryプラグイン（リアルタイムリサイジング対応）

＜実装方法＞

1.外部ファイルを読み込む

jQueryと当プラグインをページに読み込む

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="jquery.cbiframesize.min.js"></script>

2.iframe要素

・高さを変更したいiframe要素に任意のidやclass属性を付与

・タグ内またはCSSでiframeのサイズを指定しておく

<iframe src="//example.com/" width="600" height="200" class="iframe-class">

3.プラグインを実行

jQueryのセレクタで高さを変更したいiframe要素を取得し、当プラグインの.cbIframeSize()メソッドを実行する

$(".iframe-class").cbIframeSize();

＜デモ＞

http://jsrun.it/maechabin/ryzq

＜ライセンス＞

MIT license