Player Codepen - Youtube Html5 Video

Only load the heavy YouTube API script when the user clicks a "Load Video" thumbnail.

document.addEventListener('keydown', (e) => switch(e.code) case 'Space': case 'KeyK': togglePlay(); break; case 'ArrowLeft': video.currentTime -= 5; break; case 'ArrowRight': video.currentTime += 5; break; case 'KeyF': toggleFullscreen(); break; case 'KeyM': toggleMute(); break; youtube html5 video player codepen