Javascript angular 6当视频元素来自api时不渲染brighcove player

我有一个angular应用程序，并在html中集成了brightcove播放器

当我在component.html中放置视频标记时

<video  width="100%" height="100%" data-account="2071817190001" data-player="Bk2rD1uW"
          data-embed="default" data-video-id="2700158695001" class="video-js" controls></video>

此代码工作正常，视频已加载

但是，当相同的代码来自api并且我将视频标记嵌入到[innerHtml]中时，只有播放机显示，视频不会加载

---

有人能告诉你它的解决方案吗？

你必须在ts文件中这样写代码

import brightcovePlayerLoader from '@brightcove/player-loader';

那么也许在viewInit之后

brightcovePlayerLoader({
          refNode: '#player-container',
          accountId: '123',
          videoId: '123',
          refNodeInsert: 'replace',
          embedOptions: {
            tagName: brightcovePlayerLoader.EMBED_TAG_NAME_VIDEO
          }
        })

在html中

<div id="player-container"> </div>

---

您必须在ts文件中编写这样的代码

import brightcovePlayerLoader from '@brightcove/player-loader';

那么也许在viewInit之后

brightcovePlayerLoader({
          refNode: '#player-container',
          accountId: '123',
          videoId: '123',
          refNodeInsert: 'replace',
          embedOptions: {
            tagName: brightcovePlayerLoader.EMBED_TAG_NAME_VIDEO
          }
        })

在html中

<div id="player-container"> </div>