在Azure Media Player上插入按钮

Question

我想要做的是在Azure Media Player中插入我自己的自定义按钮。由于我无法访问标签。我想将我的按钮添加到Azure Media Player的div元素中。 有没有办法可以在一个无法访问的HTML的div中插入div元素？

这是我要插入的元素：

<button  id="play"      onclick="playPause(this.id);">❚❚</button>
<button  id="myTime"     onclick="stopTime()">∎</button>
<button  id="mute"       onclick ="muteVid()">Mute</button>
<button  id="rewindTime" onclick="rewindTime()">◄◄</button>

以下是div类的快照，我希望将其插入。

我只想在vjs-control-bar div类中插入按钮。 有办法吗？

Answer 1

我们可以通过插件添加它

(function (mediaPlayer) {
    mediaPlayer.plugin('pluginname', function (options) {
        var buttonContainer = this.controlBar.el();

        var buttonEl = mediaPlayer.createEl('button', { <button property>});
        buttonContainer .appendChild(buttonEl);        
    });
}(window.amp));