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

Question

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

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

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

Answer 1

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