Angular 如何解决执行失败的问题'；后消息'；在'；DOMWindow'；角度组件上的错误

我正在尝试使用angular的新you tube组件。这是我第一次使用它。我引用了这段代码以及组件的原始代码

在my index.html中，我有：

<script src="https://www.youtube.com/iframe_api"></script>

在我的组件中：

<youtube-player videoId="'exAB088mOok'" suggestedQuality="highres" [height]="300" [width]="500" [startSeconds]="43" [endSeconds]="60">
                </youtube-player>

在我的控制台中，我收到以下错误：

www-widgetapi.js:613 Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('https://www.youtube.com') does not match the recipient window's origin ('http://localhost:4200').

我已尝试查找该问题，但找不到解决方案。大多数解决方案表示，这是https://和http://之间的混合内容问题。但是，我已经在index.html中加载了https://脚本

此外，目标页面与收件人页面不匹配，这是模糊的。我相信目标页面是youtube URL，最近的页面是我的应用程序URL。他们怎么会匹配呢

也许我在这里出了点问题。有人能解释一下这里发生了什么并提供解决方案吗

附言：我已经看过了，但对我没有帮助

An error occurred. Please try again later. (Playback ID: rGdhOrRkDSd_2vzB)
Learn More

www-widgetapi.js:613 Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('https://www.youtube.com') does not match the recipient window's origin ('http://localhost:4200').