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

Question

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

Answer 1

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

没有“特殊绝密中央情报局法”这样做。

您只需将视频文件存储在特定的目录中或使用云存储选项，如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

角形支持，你可能需要做一些更多的事情，你必须先清理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>