မြှုပ်ထားသည်။

တုံ့ပြန်မှုရှိသော ဗီဒီယို သို့မဟုတ် စလိုက်ရှိုးများကို ကိရိယာတိုင်းတွင် အတိုင်းအတာရှိသော ပင်ကိုယ်အချိုးကို ဖန်တီးခြင်းဖြင့် မိဘ၏အကျယ်ကို အခြေခံ၍ မြှုပ်နှံမှုများကို ဖန်တီးပါ။

အကြောင်း

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