[HTML/CSS]유튜브 API 사용법( Youtube Iframe)

이번에는 유튜브 iframe 을 통한 웹페이지 영상 첨부를 해보겠습니다.

 

https://stickode.com/detail.html?no=2679 

스틱코드

위의 포스트를 즐겨찾기 하시면 '유튜브 API_html/javascript' 를 입력하여, 해당 코드를 사용할 수 있습니다.

 

 youtubeAPI.html

 

YoutubeAPI.js

Youtube IFream API 사용법 입니다.

 

YouTube Iframe API를 이용하면, 원하는 유튜브 영상을 웹페이지에 띄울 수 있습니다.
javascript코드로 원하는 영상을 띄울 수 있어서 편리합니다.

 

<div id=“player”></div>

 

위의 태그의 id를 통하여 iframe 영상 삽입이 가능합니다.

 

주의할 점

• 유저는 HTML5를 지원하는 브라우저를 이용해야 합니다
• 동영상 플레이어의 크기는 200 X 200 px 이상이어야 합니다.
• 16:9 플레이어의 크기는 480 X 270 px 이상으로 사용하는 것이 좋습니다.

유튜브 API 사용완료