유튜브 동영상 제어 api

<div id="player"></div> <- 기본형

<iframe src=""></iframe> <- 이렇게 넣어도 iframe player api 사용가능.

[동영상 정보 가져오기]

var player; <- 이 변수가 중요.

player = new YT.PLAYER~...

- player.getDuration(): Number 현재 재생 중인 동영상의 재생 시간을 초 단위로 반환

- player.getVideoUrl(): String 현재 로르되었거나 재생 중인 동영상의 유튜브 url을 반환

- player.getVideoEmbedCode(): String 현재 로드되었거나 재생 중인 동영상이 삽입 코드를 반환(예: <iframe width="600" height="345" src="https://www.youtube.com/embed/GY-cUduO4Sk" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>)

[함수]

1. 대기열 함수 : 이 함수를 사용하면 동영상, 재생목록 또는 다른 동영상 목록을 로드하고 재생 할 수 있음.

○ player.loadVideoById("영상id",영상시작초, 영상끝초, "동영상품질") <- 동영상을 로드하고 '재생'함. 영상id만 필수값

○ player.cueVideoById("영상id", 영상시작초, 영상끝초, "동영상품질") <- 동영상의 미리보기 이미지를 로드하고, 플레이어가 동영상을 재생하도록 '준비'함.(플레이어의 상태가 5가 됨(=동영상 신호)),영상id만 필수값

※"동영상품질"을 고정적으로 지정한 다 한들, 여러가지 환경(브라우저 및 네트워크 환경)이 다르기 때문에 api자체에서 판단하여 가장 최적화된 동영상 품질을 제공하게 된다.

○ player.cueVideoByUrl("영상url", 영상시작초, 영상끝초, "동영상품질") <- 동영상을 로드하고 '재생'함.

○ player.loadVideoByUrl("영상url", 영상시작쵸, 영상끝초, "동영상품질")  <- 동영상의 미리보기 이미지를 로드하고, 플레이어가 동영상을 재생하도록 '준비'함.

2. 재생 컨트롤 및 플레이어 설정

○ player.pauseVideo() : void - 현재 재생 중인 동영상을 일시 중지(사용하면 paused(2) 상태로 됨)

○ player.stopVideo() : void - 현재 동영상의 로드를 중지하고 취소함.(사용하면 unstarted(-1)과 video cued(5)상태로 됨.)

○ player.getPlayerState() : Number - 플레이어의 상태를 반환

       -1 : 시작되지 않음

0 : 종료

1 : 재생 중

2 : 일시중지

3 : 버퍼링

5 : 동영상 신호

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