diff --git a/html/poketube.ejs b/html/poketube.ejs index 4ef5f2f0..3745af41 100644 --- a/html/poketube.ejs +++ b/html/poketube.ejs @@ -1813,8 +1813,11 @@ const drawPause = () => { const init = () => { AMvideo.addEventListener("loadeddata", drawLoop, false) AMvideo.addEventListener("seeked", draw, false) - AMvideo.addEventListener("play", drawLoop, false) - AMvideo.addEventListener("pause", drawPause, false) + AMvideo.addEventListener("play", () => { + // Start the draw loop with a target frame rate of 250 frames per second (1 / 0.004) + step = window.requestAnimationFrame(drawLoop); + }, false); + AMvideo.addEventListener("pause", drawPause, false) AMvideo.addEventListener("ended", drawPause, false) }