Source

Embeds

Bi afirandina rêjeyek xwerû ya ku li ser her amûrekê hûr dibe, vîdyoyek bersivdar an veguheztinên pêşandan li ser bingeha firehiya dêûbav biafirînin.

Ji dor

Rêgez rasterast li ser <iframe>, <embed>, <video>, û <object>hêmanan têne sepandin; .embed-responsive-itemDema ku hûn dixwazin şêwazê ji bo taybetmendiyên din bihevre bikin , vebijarkî çînek dûvikek eşkere bikar bînin .

Pro-Tip! Hûn ne hewce ne ku hûn frameborder="0"di nav <iframe>s-yên xwe de bicîh bikin ji ber ku em wê ji bo we derbas dikin.

Mînak

Her embedek mîna <iframe>hêmanek dêûbav bi rêjeyek .embed-responsiveû rêjeyek awiran ve bipêçin. Bi .embed-responsive-itemtundî ne hewce ye, lê em wê teşwîq dikin.

<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>

Rêjeyên aspect

Rêjeyên aspektê dikarin bi çînên guhêrbar re bêne xweş kirin. Ji hêla xwerû ve dersên rêjeya jêrîn têne peyda kirin:

<!-- 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>

Di hundurê _variables.scssde, hûn dikarin rêjeyên ku hûn dixwazin bikar bînin biguhezînin. Li vir mînakek $embed-responsive-aspect-ratiosnavnîşê ye:

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