在video.js ModalDialog

Question

我正在尝试在视频暂停时在video.js播放器上显示HTML按钮。

我正在使用ModalDialog功能（该链接内的代码示例）进行此操作。还有一个GitHub问题here，讨论了如何使用HTML实现此目标，但是我无法使该解决方案正常工作。

这是我到目前为止所拥有的：

var player = videojs('my-player');

player.on('pause', function() {

  var modal_content = '<div class="mcwidget-embed" data-widget-id="999999"></div>';

  // where the magic happens
  var contentEl = document.createElement('div');
  // probably better to just build the entire thing via DOM methods
  contentEl.innerHTML = modal_content;

  var ModalDialog = videojs.getComponent('ModalDialog');
  var modal = new ModalDialog(player, {
      content: contentEl,
      temporary: false
  });

  // When the modal closes, resume playback.
  modal.on('modalclose', function() {
    player.play();
  });

});

不幸的是，它只是将HTML显示为文本。

我是JavaScript的新手，因此我正在一起破解它，需要帮助。

我做错了什么？