Video.js组件

Question

我想在video.js播放器上添加一个ModalDialog组件，并用自定义HTML填充它，例如从DOM节点填充。我只能将其内容设置为原始文本。

let modal = player.addChild('ModalDialog')

modal.content('hello')

modal.fill()

modal.open()

我在官方videojs文档中找不到任何关于这样做的说明。

Answer 1

单独添加对话框HTML以便稍后检索它：

<div id="feedback-dialog">
</div>

然后使用

构建对话框

let el = videojs.createEl('ModalDialog', {
    innerHTML: $('#feedback-dialog').html()
})

let modal = player.addChild('ModalDialog', {
    'el': el
})