Ezali kokɔtisa makambo
Bosala ba embeds ya vidéo to diaporama oyo ezo répondre na kotalela bonene ya moboti na kosala rapport intrinsèque oyo ezo échelle na appareil nionso.
Pene
Mibeko esalelami mbala moko na <iframe>
, <embed>
, <video>
, mpe <object>
biloko; optionnellement salela classe ya descendant explicite .embed-responsive-item
tango olingi ko correspondre na styling pona ba attributs misusu.
Pro-Toli ya kosala! Ozali na besoin te ya ko kotisa frameborder="0"
na s na yo <iframe>
lokola to override yango pona yo.
Ndakisa
Envelopper toute embed lokola <iframe>
na na élément parent na .embed-responsive
na rapport ya aspect. The .embed-responsive-item
isn't strictly required, kasi tozali kolendisa yango.
<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>
Ba rapports ya ba aspects
Ba rapports ya aspect ekoki kozala personnalisé na ba classes ya modificateur. Par défaut ba classes ya ratio oyo elandi epesami:
<!-- 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>
Na kati _variables.scss
ya , okoki kobongola ba aspect ratios oyo olingi kosalela. Talá ndakisa ya $embed-responsive-aspect-ratios
liste yango:
$embed-responsive-aspect-ratios: (
(21 9),
(16 9),
(4 3),
(1 1)
) !default;