Source

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 lulamisiwa hi titlilasi ta modifier.

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