Swi nghenisa

Endla ti- embed ta vhidiyo leti hlamulaka kumbe ta nkombiso wa swilayidi leti sekeriweke eka ku anama ka mutswari hi ku endla mpimo wa le ndzeni lowu ringaniselaka eka xitirhisiwa xihi na xihi.

Hi

Milawu yi tirhisiwa hi ku kongoma eka <iframe>, <embed>, <video>, na <object>swiaki; hi ku hlawula tirhisa tlilasi ya vatukulu leyi nga erivaleni .embed-responsive-itemloko u lava ku fambisana na xitayili xa swihlawulekisi swin’wana.

Xitsundzuxo xa Pro-Tip! A wu lavi ku katsa frameborder="0"eka s ya wena <iframe>tani hi leswi hi ku override sweswo.

Xikombiso

Pfuxeta embed yin’wana na yin’wana ku fana na <iframe>eka elemente ya mutswari na .embed-responsivena aspect ratio. The .embed-responsive-itema yi laveki hi ku helela, kambe ha yi khutaza.

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

Swipimelo swa swiphemu

Ti aspect ratios tinga endliwa hi ku landza swilaveko hi titlilasi ta modifier. Hi ku tiyimisela ku nyikiwile titlilasi ta mpimo leti landzelaka:

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

Endzeni ka _variables.scss, u nga cinca ti- aspect ratio leti u lavaka ku ti tirhisa. Hi lexi xikombiso xa $embed-responsive-aspect-ratiosnxaxamelo:

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