javascript - vue.js 同步播放视频播放器组件

Question

我在一个页面上有多个视频播放器组件。我需要在所有按下时的组件上实现一个同步按钮。将所有其他“从属”视频的 currentTime 设置为与“主”组件相同的时间，并播放/暂停、倒带等..所有视频一起。

似乎最好的方法是与父级通信，并让父级同步所有子组件。

我可以使用一些关于如何在 vue 中实现这一点的指针。

标签： javascriptvue.js

Answer 1

我认为您想要这样做的方式是创建一个事件总线（只是一个数据项，它本身就是一个 Vue 实例），您将其作为prop. 当按下同步按钮时，孩子将emit在总线上发生事件。每个孩子还将在公共汽车上监听这些事件并相应地设置其视频时间。