Angularアプリケーション内でビデオファイルを再生する必要があります

Question

一部のビデオをAngularアプリケーション（MEAN）にアップロードする必要があります 標準的な方法はありますか？ 私は.mp4ファイルを持っており、それらをいくつかのコンポーネントに入れる必要があります。ビデオをやっているのは基本的に画像を撮るのと同じですか？

Answer 1

いくつかのビデオをAngularアプリケーションにアップロードする必要があります（平均）標準的な方法はありますか？

そうする一切"特別な極秘CIA方法"はありません。

ビデオファイルを特定のディレクトリに保存するか、AWS S3、Cloudinaryなどのクラウドストレージオプションを使用するだけでOKです。

次に、ビデオファイルを指すリンクを取得し、HTML5を使用して埋め込みます。

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

また、あなたは、YouTubeにアップロードすることができますし、embedタグ

<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>