2017.11.25) Youtube API를 활용한 커스텀 플레이어 part.4
2017. 11. 25. 14:11ㆍ프로젝트(완료)/Youtube 커스텀 플레이어
화질 변경이 추가되었습니다.
화질 정보를 받아서 input select option을 실시간으로 만들고,
1 2 3 4 5 6 7 8 9 10 11 12 | if(quals != player.getAvailableQualityLevels()) { if(player.getAvailableQualityLevels().length != 0) { quals = player.getAvailableQualityLevels() put = "" for(i = 0;i<quals.length;i++){ put += "<option value=" + quals[i] + ">" + quals[i] + "</option>" } q_box.innerHTML = put q_box.value = vqual } } | cs |
선택된 화질을 바꾸는 코드를 구현함
1 2 3 4 5 6 7 8 9 | q_box = document.getElementById("qualbox"); q_box.addEventListener('change', function () { if (vqual != q_box.value) { a= q_box.value + "" player.stopVideo() player.seekTo(player.getCurrentTime(), true) player.setPlaybackQuality(a) } }); | cs |
'프로젝트(완료) > Youtube 커스텀 플레이어' 카테고리의 다른 글
2017.12.1) Youtube API를 활용한 커스텀 플레이어 part.final (0) | 2017.12.02 |
---|---|
2017.11.30) Youtube API를 활용한 커스텀 플레이어 part.5 (0) | 2017.11.30 |
2017.11.15) Youtube API를 활용한 커스텀 플레이어 part.3 (0) | 2017.11.15 |
2017.11.14) Youtube API를 활용한 커스텀 플레이어 part.2 (0) | 2017.11.14 |
2017.11.14) Youtube API를 활용한 커스텀 플레이어 part.1 (0) | 2017.11.14 |