我正在使用Angular 7和expressjs托管应用程序。我的应用程序正在从第三方API获取Vimeo视频ID,然后尝试在Vimeo API的帮助下在页面上显示视频,以使用vimeo视频ID获取视频链接。在chrome上一切正常,但是在Safari 12上我的视频无法渲染。错误是
“内容安全策略指令'script-src'的源列表包含无效的源:“ strict-dynamic”。它将被忽略。“
以下是我们面临的错误的屏幕截图:https://i.imgur.com/46mK6L4.png
欢迎任何建议。
我尝试使用 helmet-csp 模块在快速服务器上设置CSP,但没有成功。
this.selectedJobDetails.JobVideo = this.selectedJobDetails.JobVideo.map((elem) => {
if (elem.url && elem.venderId == 2) {
this.vimeoService.getVideoDataById(elem.url).subscribe(response => {
if (response && response.files && response.files instanceof Array && response.files.length > 0) {
elem.url = this.sanitizer.bypassSecurityTrustResourceUrl(response.files[0]['link']);
}
});
} else if (elem.url && elem.venderId == 1) {
elem.url = this.sanitizer.bypassSecurityTrustResourceUrl(elem.url);
}
return elem;
});
<div class="video-col" *ngFor="let video of selectedJobDetails?.JobVideo">
<div class="vid-clip" *ngIf="video.url">
<video [src]="video.url" controls type=""></video>
</div>
</div>
我要从vimeo视频API获取视频网址,然后清理该网址,然后将src与视频标签绑定。
欢迎任何建议。