Angular 7无法在safari 12上播放vimeo视频
我使用Angular 7和expressjs来托管应用程序。我的应用程序从第三方API获取Vimeo视频Id,然后我尝试在Vimeo API的帮助下在我的页面上显示视频,以使用Vimeo视频Id获取视频链接。在chrome上一切正常,但涉及Safari 12时,我的视频无法呈现。错误是 内容安全策略指令“script src”的源列表包含无效源:“strict-dynamic”。它将被忽略 下面是我们面临的错误截图: 欢迎提出任何建议 我尝试使用头盔CSP模块在express服务器上设置CSP,但没有成功Angular 7无法在safari 12上播放vimeo视频,angular,express,angular-cli,Angular,Express,Angular Cli,我使用Angular 7和expressjs来托管应用程序。我的应用程序从第三方API获取Vimeo视频Id,然后我尝试在Vimeo API的帮助下在我的页面上显示视频,以使用Vimeo视频Id获取视频链接。在chrome上一切正常,但涉及Safari 12时,我的视频无法呈现。错误是 内容安全策略指令“script src”的源列表包含无效源:“strict-dynamic”。它将被忽略 下面是我们面临的错误截图: 欢迎提出任何建议 我尝试使用头盔CSP模块在express服务器上设置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;
});
我从vimeo视频API获取视频url,然后清理url,然后用视频标记绑定src
欢迎提出任何建议
<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>