Source

ይሰፍር

ኣብ ዝኾነ መሳርሒ ዝምጥን ውሽጣዊ ሬሽዮ ብምፍጣር ኣብ ስፍሓት ናይቲ ወላዲ ተመርኲስካ ምላሽ ዝህብ ቪድዮ ወይ ስላይድ ሾው ምትእትታው ምፍጣር።

ብዝዕባ

ሕግታት ብቐጥታ ኣብ <iframe>፣ <embed>፣ <video>፣ ከምኡ እውን <object>ባእታታት ይትግበሩ፤ .embed-responsive-itemብኣማራጺ ንኻልኦት ባህርያት ቅዲ ክትመዓራረዮ ምስ እትደሊ ግሉጽ ዘርኢ ክፍሊ ተጠቐም ።

ፕሮ-ቲፕ! frameborder="0"ኣብ s ናትካ ምእታው ኣየድልየካን እዩ <iframe>ከምቲ ንሕና ንዓኻ ንዕኡ ዝሽርሽር።

ኣብነት

ዝኾነ embed ከም <iframe>ኣብ ወላዲ ባእታ .embed-responsiveምስን ኣስፔክት ሬሽዮን ጠቕልሎ። እቲ .embed-responsive-itemብጥብቂ ዝድለ ኣይኮነን፡ ግን ነተባብዖ።

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

ኣስፔክት ሬሽዮታት

ኣስፔክት ሬሽዮታት ምስ መቐየሪ ክፍልታት ክመዓራረዩ ይኽእሉ። ብነባሪ እዞም ዝስዕቡ ናይ ሬሽዮ ክፍልታት ይቐርቡ፤

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

ኣብ ውሽጢ _variables.scss፡ ክትጥቀመሉ እትደሊ ኣስፔክት ሬሽዮ ክትቅይር ትኽእል ኢኻ። ኣብነት ናይቲ $embed-responsive-aspect-ratiosዝርዝር ኣብዚ ኣሎ፤

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