javascript - Videogular がビデオの再生に失敗する

Question

angular を使用してビデオ src タグを動的にバインドしましたが、videogular はビデオ URL を追加できません。

以下は、動画の URL を動的にバインドする角度バインド式を使用した私の videogular タグです。

<vg-media 
vg-src='[{src: "{{selectedVideo.Uris[0].AbsolutePath}}", type:   "video/mp4"}]'
vg-loop="controller.config.plugins.controls.loop"
vg-preload="controller.config.plugins.controls.preload">
</vg-media>

ただし、下の画像で確認できます。ページが実行されているとき、ビデオ src は videogular-src タグにバインドされていますが、ビデオ タグにはバインドされていません。Angular バインディング式が表示されています。Videogular はビデオの再生に失敗します。

再生させる方法。助けが必要！

Answer 1

ビデオ URL は、AngularJS $sce プロバイダーによって信頼されている必要があります。

コントローラーで:

this.getVideo = function(){
    {
        src: $sce.trustAsResourceUrl("http://static.videogular.com/assets/videos/videogular.mp4"),
        type: "video/mp4"
    }
};

vg-media タグで:

<vg-media vg-src="ctrl.getVideo()">