javascript - 在 Angular 中附加 YouTube 视频 URL 时显示 ERR_CERT_AUTHORITY_INVALID 错误

Question

我正在处理一个 Angular 8 项目。我有一个要求，我需要在模态弹出窗口中显示 6 个 youtube 视频。为了实现这个要求，我使用了这个代码
这是我的 Html 文件代码

<iframe [src]="safeSrc1" width="560" height="315" frameborder="0"
                    webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
                <iframe [src]="safeSrc2" width="560" height="315" frameborder="0"
                    webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

这是我的 ts 文件代码

this.safeSrc1 =  this.sanitizer.bypassSecurityTrustResourceUrl("http://www.youtube.com/embed/njTXQKbStoY");
this.safeSrc2 =  this.sanitizer.bypassSecurityTrustResourceUrl("http://www.youtube.com/embed/jrZAmrE720A");

添加此内容后，我可以根据要求在模态弹出窗口中显示视频。但我因此面临一个问题，问题截图如下。

如果我添加更多 youtube 视频 URL，则会出现更多此类错误，这会使我的网站运行缓慢。

Answer 1

最后我得到了解决方案。我研究了这个问题，发现问题与我电脑上安装的防病毒软件有关。我见过使用 iFrame 显示 YouTube 视频的相同问题，因此我知道这是一个常见问题。最后我得出的结论是我的电脑中的某些东西阻止了 YouTube URL。我尝试删除防病毒防火墙阻止，这对我有用。