"onplay"有延迟吗？

Question

在调用play()函数时，我可以看到在真正开始播放之前有0.0~0.5秒的明显延迟。

我在使用以下事件侦听器时遇到了一些问题

media.addEventListener(
    "play",
    function(){
        toggle_class(button[0], true);
        
        // compute animations for seekbar
        time_to_compute = media.duration - media.currentTime;
        progress.style = "transition: width linear " + time_to_compute + "s; width:100%;";
    }
);

我没有按时间更改栏的位置，而是更改了一次并使用过渡使其动画化。问题是过渡在视频播放之前开始（0.0~0.5 秒）。 chrome 和 firefox 都会出现这个问题。

视频实际播放时是否有 javascript 事件？

Answer 1

媒体第一次开始播放或暂停后继续播放时触发的 timeupdate event lets you know when the currentTime property changes, so you could wait to start the animation until the first timeupdate occurs. There's also the playing 事件，因此您可以使用它。

可以找到 HTMLMediaElement 个事件的完整列表 on MDN。

也就是说，我会非常警惕与视频并行的动画运行，它们绑定会不同步。相反，我可能会使用 timeupdate 和 requestAnimationFrame 来更新进度指示器。

"onplay"有延迟吗？

does "onplay" have a delay?

javascript

video

html5-video