在 Azure 媒体播放器上插入按钮

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));