пропадает видеогулар при воспроизведении видео

У меня есть это:

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

И я вижу полосу видео, но когда я нажимаю воспроизведение, звук есть, но видео пропало, в чем проблема?


angularjs html5-video videogular
person totothegreat    schedule 08.09.2014    source источник
comment
Не могли бы вы взглянуть на HTML и посмотреть, все ли в порядке? Правильно ли загружен ваш CSS? Также было бы очень полезно, если бы вы могли опубликовать URL-адрес, чтобы увидеть, что происходит.   -  person elecash    schedule 10.09.2014

Ответы (1)


arrow_upward
1
arrow_downward

вы должны убедиться, что ваш файл css правильно связан. CSS делает видео на 100% высотой и шириной контейнера. Вы должны использовать их специальные классы, которые связаны динамически.

У меня тоже были проблемы с этим, поэтому я установил тему по умолчанию и скопировал файл css туда, где мое приложение могло его загрузить.

person MartyBoggs    schedule 12.09.2014