Youtube 영상 반응형으로 삽입하기

[ 1 ] 반응형 영상 삽입하기


<script src="//www.youtube.com/iframe_api"></script> 


<div class = "embed-responsive embed-responsive-16by9">

<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/6I3haFbNA_g?playlist=6I3haFbNA_g&autoplay=1&rel=0&controls=0&loop=1&disablekb=1&showinfo=0" frameborder="0" allowfullscreen="allowfullscreen"></iframe>

</div>


! embed-responsive-16by9 을 embed-responsive-4by3으로 변경 가능



[ 2 ] 일반 영상으로 삽입하기


<iframe width="560" height="480" src="https://www.youtube.com/embed/Sp_VUiaCZEU?playlist=Sp_VUiaCZEU&autoplay=1&rel=0&controls=0&loop=1&disablekb=1&showinfo=0" frameborder="0" allowfullscreen="allowfullscreen"> </iframe>



iframe 삽입에 대한 YouTube Player API 참조 문서

https://developers.google.com/youtube/iframe_api_reference?hl=ko


Html5 비디오플레이어 소개글

http://www.cssreflex.com/2011/11/free-html5-video-players.html


유튜브 영상 첨부할 때 사용 가능한 옵션 총정리

http://spicaryn.tistory.com/23

http://embedresponsively.com/


반응형 웹사이트 모음

http://iropke.com/blog/archives/3428


'프로그래밍 > PHP' 카테고리의 다른 글

PHP MySQL을 이용한 데이터베이스 편집  (0) 2016.05.30
PHP MySQL을 이용한 데이터베이스 생성  (0) 2016.05.26
PHP 함수  (0) 2016.05.25
PHP 배열  (0) 2016.05.24
PHP 변수와 문자열  (0) 2016.05.24

+ Recent posts