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

Question

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

当我检查controlBar函数时，似乎没有函数指向添加的自定义按钮的位置，并且只存在addChild或appendChild函数，所以现在我只写下面。

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

所以我很想知道如何在我的情况下，在播放按钮之前或之后添加自定义按钮，例如上一个或下一个按钮。

请帮帮我!!!

Answer 1

您可以在此处使用insertBefore()。使用此选项在第一个孩子后插入一个控件，即播放按钮：

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

或者在此之前插入它：

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