javascript - 如何在 video.js 中添加上一个和下一个按钮

标签 javascript video.js

我希望知道如何在 video.js controlBar 上的播放按钮周围添加上一个和下一个按钮。

当我检查controlBar函数时,似乎没有函数来指向添加的自定义按钮的位置,只有addChild或appendChild等函数,所以现在我只写如下。

this.controlBar.el().appendChild(nextButton.el());

所以我渴望知道如何将自定义按钮(例如上一个或下一个按钮)添加到特定顺序中,就我而言,在播放按钮之前或之后。

请帮助我!!!

最佳答案

您可以在此处使用insertBefore()。使用它在第一个子项之后插入一个控件,即播放按钮:

player.controlBar.el().insertBefore(button.el(), player.controlBar.el().firstChild.nextSibling)

或者将其插入到它之前:

player.controlBar.el().insertBefore(button.el(), player.controlBar.el().firstChild)

关于javascript - 如何在 video.js 中添加上一个和下一个按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33274767/

相关文章:

php - 为 HLS 创建主播放列表

javascript - 简单的 jquery 切换(不工作)

javascript - 如何在不刷新页面的情况下隐藏Div标签

javascript - 从 Handlebars 值附加数据

html - 如何在videoJS中使用readyState?

javascript - Video.js 在 OSX 上的 Firefox 中不支持 YouTube

javascript - 如何更改视频js中bigPlayButton的内容?

javascript - video.js currentTime() 不正确,直到 timeupdate 事件触发

javascript - JS 延迟后滚动

javascript - 在 Javascript 中,在删除文件之前提示是/否?