Source

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 sou $embed-responsive-aspect-ratioslis la:

$embed-responsive-aspect-ratios: (
  (21 9),
  (16 9),
  (4 3),
  (1 1)
) !default;