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