Question

我有这个：

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

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

Answer 1

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

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

播放视频时视频消失

1 个答案: