播放视频时 videogular 消失答案

【问题标题】：videogular disapperas when playing a video播放视频时 videogular 消失
【发布时间】：2014-09-08 05:57:56
【问题描述】：

我有这个：

<videogular >
         <vg-video vg-src="config.sources" vg-native-controls="true"></vg-video>
    </videogular>

以及依赖项：

'com.2fdevs.videogular',
    "com.2fdevs.videogular.plugins.controls",
    "com.2fdevs.videogular.plugins.overlayplay",
    "com.2fdevs.videogular.plugins.buffering",
    "com.2fdevs.videogular.plugins.poster"
and in the controller:

$scope.config = {
                sources: [
                    {src: $sce.trustAsResourceUrl("http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4"), type: "video/mp4"},
                    {src: $sce.trustAsResourceUrl("http://clips.vorwaerts-gmbh.de/big_buck_bunny.webm"), type: "video/webm"},
                    {src: $sce.trustAsResourceUrl("http://clips.vorwaerts-gmbh.de/big_buck_bunny.ogg"), type: "video/ogg"}
                ],
                theme: {
                    url: "styles/themes/default/videogular.css"
                }
            };

而且我看到了视频栏，但是当我按下播放时，声音响了，但视频消失了，这是什么问题？

【问题讨论】：

你能看一下 HTML 看看是否一切正常吗？您的 CSS 是否正确加载？如果您可以发布一个 URL 以查看正在发生的事情，那也将非常有帮助。

标签： angularjs html5-video videogular

【解决方案1】：

您必须确保您的 css 文件链接正确。 css 使视频 100% 成为容器的高度和宽度。您必须使用它们的特殊类，尽管它们是动态绑定的。

我也遇到了问题，所以我安装了默认主题并将 css 文件复制到我的应用程序可以加载它的地方。

【讨论】：