javascript - Videogular 无法播放视频

Question

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

下面是我的带有角度绑定表达式的 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 标签。显示角度绑定表达式。Videogular 无法播放视频。

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

Answer 1

AngularJS $sce 提供者必须信任视频 URL。

在您的控制器中：

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 上运行良好，所以长话短说问题在于视频文件本身，我更改了视频它有效，希望它也适用于你。