분류 bootstrap

Bootstrap Video Player

컨텐츠 정보

  • 조회 791 (작성일 )

본문

모든 기기에서 확장되는 내장 비율을 만들어 부모의 너비에 따라 반응 형 동영상 또는 슬라이드 쇼 삽입을 만듭니다.


https://getbootstrap.com/docs/4.1/utilities/embed/


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