2017.11.30) Youtube API를 활용한 커스텀 플레이어 part.5

https://github.com/Blgada12/youtubePlayer

주인장이 제작한 소스코드 이다.

이전에는 상당히 간단하게 정리했지만 이번엔 기술구현된것이 많아서 하나하나 로직을 써보려 한다.

전체화면 구현 : 

자바스크립트 전체화면 코드를 사용하였다.(구글링 하면 다 나옴)

이것을 활용해 유튜브iframe 과 커스텀 플레이어를 묶은 div하나를 전체화면 화 시키는데 성공.

하지만 유동적으로 크기를 바꿔주기 위해선 화면 크기가 필요했음

그래서 screen.width, screen.height 활용

나머지는 간단한 css 정렬로 구현

소스코드는 맨 위에 있듯이 github에 올라가 있다.