Question

我正在使用Angular 4，我想播放视频。我的代码如下：

    <iframe src="https://www.youtube.com/embed/1CYBkEJV7T4" 
    allowfullscreen=""></iframe>

当我使用它时，它显示错误

解析标题X-XSS-Protection时出错：1;模式=块; report =：安全页面在字符位置22处的不安全报告URL。将应用默认保护。 NTEznm0vuzU：1解析头X-XSS-Protection时出错：1;模式=块; report = https://www.google.com/appserve/security-bugs/log/youtube：字符位置22处安全页面的不安全报告URL。将应用默认保护。

请有人帮助我。

Answer 1

你可以按照以下方式创建。这将有效

    <div class="card">
    <div class="card-header">
      <strong>**title**</strong>
    </div>

    <div class="embed-responsive embed-responsive-16by9">
    <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/JwRTpWZReJk"></iframe>
    </div>
    </div>

Answer 2

你需要的是角度的domSanitizer。在您的HTML中，

<iframe class="embed-responsive-item" [src]="getSafeURL()"></iframe>

并在组件的.ts文件中：

//import the needed class.
import { DomSanitizer } from '@angular/platform-browser';

// Add the dependency.
constructor(private _domSanitizer: DomSanitizer){
}
    getSafeURL(){
     return _domService.bypassSecurityTrustResourceUrl(' Your youtube url');
    }

在角度视频不播放

2 个答案: