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

Question

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

我查看controlBar函数时，好像没有指向添加的自定义按钮位置的函数，只有addChild或appendChild函数存在，所以我现在只写如下。

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

所以我很想知道如何将自定义按钮（例如上一个或下一个按钮）添加到特定顺序，在我的例子中，就在播放按钮之前或之后。

请帮帮我！！！

Answer 1

你可以在这里使用insertBefore()。使用它在第一个 child 之后插入一个控件，即播放按钮：

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

或者在它之前插入：

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