我需要将来自 youtube 的视频放置在我的网站中,但 URL 是一个变量,我创建了一个可以放置的管道,但不起作用。
这是我在 HTML 文件中的代码
<iframe width="670" height="348" [src]=" video | video" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
我的管道的代码是这样的
export class VideoPipe implements PipeTransform {
constructor (private domSanitizer:DomSanitizer ){ }
transform(url: string): any {
return this.domSanitizer.bypassSecurityTrustResourceUrl( url );
}
}
但是当我尝试输入视频 URL 时,出现错误。
我在 switch case 中分配 URL 视频
case 'marketing':{
this.bodyClass="background-marketing-text";
this.btnClass="btnMarketing";
this.video="https://www.youtube.com/watch?v=TTyFV-qhQtQ";
break;
}
更改您的网址https://www.youtube.com/watch?v=TTyFV-qhQtQ
to https://www.youtube.com/embed/TTyFV-qhQtQ
Reason
/embed
具有所需的标头。
Why is X-Frame-Options
它是为了用户安全而存在的。预防clickjacking
: https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/X-Frame-Options https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/X-Frame-Options
The embed
端点被设计为可以安全地在外部网站上显示(不是youtube.com
).
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)