정보실

웹학교

정보실

bootstrap Bootstrap Video Player

본문

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


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>
  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기
  • 카카오톡으로 보내기

페이지 정보

조회 81회 ]  작성일18-10-20 22:23

웹학교