Estoy creando un control de barra de progreso personalizado para ngx-plyr, está funcionando pero hay un error en el que el usuario a veces necesita hacer clic en la barra de progreso 2 o 3 veces para cambiar el tiempo del video. Puedes verlo aquí https://bory-webspeech.netlify.app

así es como me las arreglo para simular la barra de progreso

 updateTime(e) { this.plyr.toArray().forEach((plyr) => { const lastTime = plyr.player.currentTime; try { plyr.player.pause(); this.isPlayed = false; plyr.player.currentTime = parseFloat(e.target.value); this.time = e.target.value; this.remaining = this.parse( plyr.player.duration - this.time ); } catch (error) { console.log(error); } plyr.player.on("canplay", () => { if (plyr.player.currentTime != lastTime) { setTimeout(function () { console.log('play'); plyr.player.play(); }, 250); } else { console.log('dont play'); plyr.player.currentTime = parseFloat(e.target.value); this.time = e.target.value } }); }); }

¿dónde hice mal?