Videogular 无法播放视频

Question

我已经使用 angular 动态绑定了视频 src 标签。但是 videogular 无法附加视频 url。

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

<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 标签，但未绑定到 video 标签。正在显示 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()">

Answer 2

我在使用 videogular 时遇到了同样的问题，Angular 12 想要显示来自谷歌云存储的视频，视频播放器在 safari 上运行良好，但在 chrome 和 firefox 上运行良好，所以长话短说问题在于视频文件本身，我更改了视频并且它有效，希望它也适用于您。