एम्बेड करता

खंयच्याय डिव्हायसाचेर स्केल करपी अंतर्गत प्रमाण तयार करून पालकाच्या रुंदायेचेर आदारीत प्रतिसाद दिवपी व्हिडियो वा स्लाइडशो एम्बेड तयार करात.

संबंदीं

नेम थेट <iframe>, <embed>, <video>, आनी <object>घटकांक लागू करतात; .embed-responsive-itemहेर गुणधर्मांखातीर स्टायलिंग जुळोवंक जाय तेन्ना पर्यायीपणान स्पश्ट वंशज वर्ग वापरात .

प्रो-टिप हें! आमी तुमकां तें ओव्हररायड करतात म्हणून तुमकां frameborder="0"तुमच्या s मदीं आस्पाव करपाची गरज ना .<iframe>

उदारण

खंयचोय एम्बेड सारको एक <iframe>in a parent element with .embed-responsiveआनी एक आस्पॅक्ट रेशियो गुठलावचो. The .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),
  (3 4),
  (1 1)
) !default;