Fatal编程技术网
  • javascript/
  • Javascript 放置在iframe中的媒体播放器不'；Don’别玩弄棱角

Javascript 放置在iframe中的媒体播放器不'；Don’别玩弄棱角

javascript angular iframe

Javascript 放置在iframe中的媒体播放器不'；Don’别玩弄棱角,javascript,angular,iframe,frontend,Javascript,Angular,Iframe,Frontend,我正在尝试使用iframe将MP3媒体播放器从外部服务添加到我的应用程序中（我的问题是Krakenfiles网站）。我想使用变量将链接传递给src 我使用SafeSourceURL和DomSanitizer来处理安全性，在这种情况下angular需要什么 safeSrc: SafeResourceUrl; constructor(private sanitizer: DomSanitizer) { this.safeSrc = this.sanitizer.bypassSecurityTr

我正在尝试使用iframe将MP3媒体播放器从外部服务添加到我的应用程序中（我的问题是Krakenfiles网站）。我想使用变量将链接传递给src

我使用SafeSourceURL和DomSanitizer来处理安全性，在这种情况下angular需要什么

safeSrc: SafeResourceUrl;
constructor(private sanitizer: DomSanitizer) {
  this.safeSrc =  this.sanitizer.bypassSecurityTrustResourceUrl(
    'https://krakenfiles.com/getEmbedPlayer/1f02d877ff?width=450&autoplay=false&date=18-08-2020');
  }
声明变量后，我将该变量转换为html代码（在iframe声明中）：

正如您在上面看到的，iframe显示在页面上，但是内容不可见，播放器对任何东西都没有反应

我怀疑错误在链接中，所以我尝试在没有向iframe src传递变量的情况下调用该链接，令人惊讶的是，它工作正常（下面的代码工作正常）
我想，从角度上来说，可能还有一些限制，比如传递到变量

你有什么想法吗？

似乎源文件不在那里。这不是一个角度问题。当您直接进入页面
https://krakenfiles.com/getEmbedPlayer/1f02d877ff?width=450&自动播放=假&；日期=18-08-2020%27
您会看到损坏的文件。

您应该更换
&和
的code>


Angular和Web浏览器可以理解这个符号，而在HTML代码中，我们需要插入“一个符号”（
&；
）
的字符引用，但如果您在块内添加链接，它就会工作。是的，就是这样！谢谢

<iframe [src]="safeSrc" width="450" height="100" frameborder="0"></iframe>



<iframe src="https://krakenfiles.com/getEmbedPlayer/1f02d877ff?width=450&amp;autoplay=false&amp;date=18-08-2020" width="450" height="100" frameborder="0"></iframe>