Source

Wotsɔa nu dea eme

Wɔ video alo slideshow embeds siwo ɖoa nya ŋu le dzila ƒe kekeme nu to intrinsic ratio si adzidze le mɔ̃ ɖesiaɖe dzi la wɔwɔ me.

Ku ɖe

Wozãa sewo ɖe <iframe>, <embed>, <video>, kple <object>nu veviwo ŋu tẽ; ne èdi la, zã dzidzimevi ƒe hatsotso si me kɔ .embed-responsive-itemne èdi be yeawɔ ɖeka kple atsyã na nɔnɔme bubuwo.

Pro-Aɖaŋuɖoɖo! Mehiã be nàde frameborder="0"wò <iframe>s me esi míeɖea ema ɖa na wò o.

Kpɔɖeŋu

Bla embed ɖesiaɖe abe an <iframe>le dzila element kple .embed-responsivekple aspect ratio. The .embed-responsive-itemisn't strictly required, gake míedea dzi ƒo nɛ.

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

Akpa ƒe akpawo ƒe sɔsɔme

Woate ŋu atrɔ asi le aspect ratios ŋu kple modifier classes. Le gɔmedzedzea me la, wotsɔ ratio ƒe hatsotso siwo gbɔna la na:

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

Le _variables.scss, me la, àte ŋu atrɔ aspect ratio siwo nèdi be yeazã. Nusiwo woŋlɔ ɖi ƒe kpɔɖeŋu aɖee nye esi $embed-responsive-aspect-ratios:

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