javascript - 在 Azure Media Player 上插入按钮

Question

我想要做的是在 Azure 媒体播放器中插入我自己的自定义按钮。因为我无权访问标签。我想将按钮附加到 Azure 媒体播放器的 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));