iframe

bootstrap5.css

bootstrap5.css
iframe {
  border: 0;
}

html bootstrap5 Sample

Embed埋め込み/アスペクト比16:9:ratio-16x9


  <!-- 大きさが自動調整される -->
  <!-- アスペクト比を持つ親要素に iframeに設定する -->
  <div class="ratio ratio-16x9">
    <iframe src="https://www.youtube.com/embed/SGqg_ZzThDU?rel=0" title="YouTube" allowfullscreen></iframe>
  </div>