in English

עמבעדס

שאַפֿן אָפּרופיק ווידעא אָדער סלידעשאָוו עמבעדז באזירט אויף די ברייט פון די פאָטער דורך קריייטינג אַן ינטרינסיק פאַרהעלטעניש וואָס וואָג אויף קיין מיטל.

וועגן

כּללים זענען גלייַך געווענדט צו <iframe>, <embed>, <video>, און <object>עלעמענטן; אָפּטיאָנאַללי נוצן אַ יקספּליסאַט אָפּשטאַמלינג קלאַס .embed-responsive-itemווען איר ווילן צו גלייַכן די סטילינג פֿאַר אנדערע אַטריביוץ.

פּראָ-טיפּ! איר טאָן ניט דאַרפֿן צו אַרייַננעמען frameborder="0"אין דיין <iframe>ס ווי מיר אָווועררייד אַז פֿאַר איר.

בייַשפּיל

ייַנוויקלען קיין ימבעד ווי אַ <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;