YouTube

CSS - [ YouTube iframe API ]

브라우저에 유튜브 영상 출력해보기! https://developers.google.com/youtube/iframe_api_reference?hl=ko API 문서 참조 우선 영상이 출력될 요소를 구성해보자. 영상은 일반적으로 16:9의 비율이므로 그에 맞춰보겠다. 먼저 Html에 item과, item을 감싸고 있는 container 요소를 만든다. 그리고 css에서 container 요소에 width 값을 주고, item 요소에 % 단위의 width와 patting-top를 주면 그에 맞는 비율의 요소 크기가 그려진다. 즉 아래에서 width : padding-top 이 100:56.25 이므로 16:9의 비율로 만들어졌다고 보면 된다! youtube ifram을 만들 때는 아래와 같이 html에 요소..