如何創(chuàng)建響應(yīng)式嵌入視頻
- 在是
<iframe>,<embed>,<video>, 或者<object>設(shè)置.embed-responsive-item類橡羞，視頻一般使用<iframe> - 媒體源在
<iframe>的src屬性中設(shè)置 - 顯示比例可以是
.embed-responsive-16by9或者.embed-responsive-4by3
<div class="alert alert-info">
<a href="#" class="close" data-dismiss="alert">×</a>
<strong>提示!</strong> 改變?yōu)g覽器的大小可以看到響應(yīng)式圖片如何工作
</div>
<h2>16:9 視頻比例</h2>
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="http://player.youku.com/player.php/sid/XMTA4MzgxNDQ4/v.swf"></iframe>
</div>
<hr>
<h2>4:3 視頻比例</h2>
<div class="embed-responsive embed-responsive-4by3">
<iframe class="embed-responsive-item" src="http://player.youku.com/player.php/sid/XMTA4MzgxNDQ4/v.swf"></iframe>
</div>
03.PNG
