2017.11.14) Youtube API를 활용한 커스텀 플레이어 part.2
2017. 11. 14. 22:44ㆍ프로젝트(완료)/Youtube 커스텀 플레이어
오디오 조절 관련 코드
1 2 3 4 5 6 | var seekslider = document.getElementById("seekslider"); seekslider.value = 50; seekslider.addEventListener('mousemove', function() { player.setVolume(seekslider.value); console.log("volume : " + seekslider.value) }); |
앞 뒤 15초 조절 코드
1 2 3 4 5 6 7 8 9 | var plus15 = document.getElementById("plus_15"); plus15.addEventListener("click", function() { player.seekTo(player.getCurrentTime() + 15, true) }); var minus15 = document.getElementById("minus_15"); minus15.addEventListener("click", function() { player.seekTo(player.getCurrentTime() - 15, true) }); | cs |
화질 표시 코드
1 2 3 | function onPlayerQuality(event) { document.getElementById('info-buff').innerHTML = event.data; } | 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.25) Youtube API를 활용한 커스텀 플레이어 part.4 (0) | 2017.11.25 |
2017.11.15) Youtube API를 활용한 커스텀 플레이어 part.3 (0) | 2017.11.15 |
2017.11.14) Youtube API를 활용한 커스텀 플레이어 part.1 (0) | 2017.11.14 |