Angular 7无法在Safari 12中播放Vimeo视频

时间:2019-05-08 11:37:59

标签: angular express angular-cli

我正在使用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与视频标签绑定。

欢迎任何建议。

0 个答案:

没有答案