レスポンシブな埋め込み　　Responsive embed

---

レスポンシブな埋め込みを簡単に実装できるコンポーネント。

iframe要素、embed要素、video要素、object要素で有効だ。

---

使い方

1. class属性にembed-responsiveを指定したdiv要素を用意する。
2. 16：9のアスペクト比の場合、１のdiv要素のclass属性にembed-responsive-16by9を追加する。
3. 4：3のアスペクト比の場合、１のdiv要素のclass属性にembed-responsive-4by3を追加する。
4. １のdiv要素内に、class属性にembed-responsive-itemを指定した要素（iframe、embed、video、object）を配置する。

<div class="embed-responsive embed-responsive-16by9">
	<iframe class="embed-responsive-item" src="../sample/responsiveEmbed-usage.html"></iframe>
</div>

16：9のアスペクト比

表示サンプル

ソースコード

<div class="embed-responsive embed-responsive-16by9">
	<iframe class="embed-responsive-item" src="../sample/responsiveEmbed-usage.html"></iframe>
</div>

4：3のアスペクト比

表示サンプル

ソースコード

<div class="embed-responsive embed-responsive-4by3">
	<iframe class="embed-responsive-item" src="../sample/responsiveEmbed-usage.html"></iframe>
</div>