Entègre
Kreye videyo ki reponn oswa entegre diaporama ki baze sou lajè paran an pa kreye yon rapò intrinsèque ki echèl sou nenpòt aparèy.
Konsènan
Règ yo aplike dirèkteman nan <iframe>, <embed>, <video>, ak <object>eleman; opsyonèlman sèvi ak yon klas desandan eksplisit .embed-responsive-itemlè ou vle matche ak stil pou lòt atribi.
Pro-Tip! Ou pa bezwen mete frameborder="0"nan <iframe>s ou kòm nou pase sou desizyon sa pou ou.
Egzanp
Vlope nenpòt embed tankou yon <iframe>nan yon eleman paran .embed-responsiveak yon rapò aspè. Li .embed-responsive-itempa obligatwa, men nou ankouraje li.
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/zpOULjyy-n8?rel=0" allowfullscreen></iframe>
</div>Rapò aspè yo
Rapò aspè yo ka Customized ak klas modifye. Pa default klas rapò sa yo bay:
<!-- 21:9 aspect ratio -->
<div class="embed-responsive embed-responsive-21by9">
<iframe class="embed-responsive-item" src="..."></iframe>
</div>
<!-- 16:9 aspect ratio -->
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="..."></iframe>
</div>
<!-- 4:3 aspect ratio -->
<div class="embed-responsive embed-responsive-4by3">
<iframe class="embed-responsive-item" src="..."></iframe>
</div>
<!-- 1:1 aspect ratio -->
<div class="embed-responsive embed-responsive-1by1">
<iframe class="embed-responsive-item" src="..."></iframe>
</div>
Nan _variables.scss, ou ka chanje rapò aspè ou vle itilize yo. Men yon egzanp $embed-responsive-aspect-ratioslis la:
$embed-responsive-aspect-ratios: (
(21 9),
(16 9),
(4 3),
(1 1)
) !default;