0

我有这个：

<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"
                }
            };

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

4

1 回答 1

1

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

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

于 2014-09-12T06:00:44.173 回答