Ku dhejisan

Abuur fiidiyoow jawaab celin ah ama sawir-gacmeedyo guntan oo ku salaysan ballaca waalidka adiga oo abuuraya saami dhex-dhexaad ah oo cabbiraya qalab kasta.

Ku saabsan

Xeerarka waxaa si toos ah loogu dabaqaa <iframe>, <embed>, <video>, iyo <object>canaasiirta; Ikhtiyaar ahaan isticmaal fasalka farcanka ee cad .embed-responsive-itemmarka aad rabto inaad la mid noqoto habaynta sifooyinka kale.

Talo-siin! Uma baahnid in aad frameborder="0"ku darto <iframe>saga marka aanu taas adiga kugu dhaafno.

Tusaale

Ku duub wax alla wixii gundhig ah sida xubinta <iframe>waalidka .embed-responsiveiyo saamiga dhinaceeda. Si .embed-responsive-itemadag looguma baahna, laakiin waanu dhiirigelinaynaa.

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

Saamiyada dhinaca

Saamiyada dhinaca waxaa lagu habeyn karaa fasalada wax ka beddelka. Sida caadiga ah fasalada saamiga soo socda ayaa la bixiyaa:

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

Gudaha _variables.scss, waxaad bedeli kartaa saamiga dhinaca aad rabto inaad isticmaasho. Waa kan tusaale $embed-responsive-aspect-ratiosliiska:

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