Question

我必须将一些视频上传到Angular应用程序（MEAN）有标准的方法吗？我有.mp4文件，我需要把它们放到一些组件中。做一个视频基本上就像做一个图像？

Answer 1

我必须将一些视频上传到Angular应用程序（MEAN）是否有标准方法？

没有 ＆＃34;特殊的绝密CIA方法＆＃34; 这样做。

您只需将视频文件存储在特定目录中，或使用AWS S3，Cloudinary等云存储选项。

接下来，您将获得指向视频文件的链接，并使用HTML5嵌入它。

<embed src="example.mpeg" autostart="false" height="30" width="144" />

此外，您可以上传到YouTube并使用嵌入标记嵌入视频

<iframe  width="425" height="344" src="https://www.youtube.com/embed/F9Bo89m2f6g" frameborder="0" allowfullscreen></iframe>

您可以了解更多here

对于Angular 支持，您可能需要做更多的事情，您必须首先清理URL。

导入DomSanitizer以使用它。

import { DomSanitizer } from '@angular/platform-browser';

抓住DomSanitizer并清理链接。

constructor(private sanitizer: DomSanitizer){
   let videoURL = "https://www.youtube.com/watch?v=1KT2asqA1J8";
   this.safeURL = this.sanitizer.bypassSecurityTrustResourceUrl(videoURL);
}

然后将值safeUrl绑定到组件文件中的iframe。

<iframe [src]='safeURL' frameborder="0" allowfullscreen></iframe>

需要在Angular应用程序中播放视频文件

1 个答案: