【问题标题】:Videogular fails to play videoVideogular 无法播放视频
【发布时间】:2015-09-07 08:46:07
【问题描述】:

我已经使用 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 无法播放视频。

如何让它发挥作用。 需要帮助!

【问题讨论】:

  • vg-src='[{src: {{selectedVideo.Uris[0].AbsolutePath}}, type: "video/mp4"}]' 这样去掉双引号
  • 好吧..删除 {{}} 绑定表达式后工作。谢谢。

标签: javascript html angularjs video videogular


【解决方案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()">

【讨论】:

【解决方案2】:

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-06-04
    • 2014-01-19
    • 2014-04-06
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多