android - 如何在 ionic2 iframe 中加载动态视频 url

Question

iframe 在我们提供直接 url 时工作正常，但我们提供动态 url 它不起作用，为什么？

它说错误无法获取/视频

<div  *ngIf="video">
   <iframe src="video" width="100%" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>

请给出任何想法。

Answer 1

您需要使用 DomSanitizer要解决这个问题。

在你的 .ts 代码中添加

import { DomSanitizer } from '@angular/platform-browser';

在构造函数中添加

constructor(public domSanitizer: DomSanitizer, ...){...}

然后在 html 代码中它会像

<iframe [src]="domSanitizer.bypassSecurityTrustResourceUrl(video)" ...