视频无法播放视频

Question

我已使用angular动态绑定了视频src标记。但是视频无法附加视频网址。

下面是我的视频标签，带有角度绑定表达式，动态绑定视频网址。

<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标签但不绑定到视频标签。显示角度绑定表达。视频无法播放视频。

如何让它发挥。 需要帮助！

Answer 1

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()">