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

标签 javascript vue.js

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

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

我可以使用一些关于如何在 vue 中实现此功能的指示。

最佳答案

我认为你想要做到这一点的方法是创建一个事件总线(只是一个数据项,它本身就是一个 Vue 实例),将其作为 prop 传递给每个子级。 。当按下同步按钮时, child 将 emit公共(public)汽车上的事件。每个 child 也会listen对于公交车上的这些事件并相应地设置其视频时间。

关于javascript - vue.js 视频播放器组件同步播放,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53480271/

相关文章:

javascript - VueJS 如何使用 <router-view> 在两个组件之间传递 props

vue.js - 将 _redirects 文件添加到托管在 Netlify 上的 Vue SPA 的根路径

javascript - 在 lambda 中使用 node.js 如何解析来自 kinesis 流的数据

javascript - 如何获取点击的子节点的索引

javascript - 将当前页面保存在 v-data-table 中

javascript - 如何使用vue-scroll

node.js - Node 应用程序还提供 Vue.js 前端 : how to support Vue dev server while development?

javascript - 本地 html 文件不会运行 javascript(在任何浏览器上)

javascript - 在 WordPress 上运行其他 javascript 后运行 javascript

javascript - Subject.subscribe 在构造函数之外不工作