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

Question

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

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

我可以在vue中使用一些指针来实现这一点。

Answer 1

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