Videogular 无法播放视频

Question

我已使用 angular.But 动态绑定视频 src 标签，videogular 无法附加视频 url。

下面是我的带有 angular 绑定表达式的 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>

但是你可以在图像 below.When 页面中看到运行视频 src 绑定到 videogular-src 标签而不是视频 tag.Angular 绑定表达式是 showing.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 想显示来自 google 云存储的视频，视频播放器在 safari 上运行良好，但在 chrome 和 firefox 上运行不正常, 长话短说问题出在视频文件本身，我更改了视频并且它有效，希望它对你也有效。

Videogular 无法播放视频

Videogular fails to play video

html

javascript

video

angularjs

videogular