CODEWITHSUNDEEP
angularjshtml5-videovideogular
totothegreat
totothegreat

Reputation: 1643

videogular disapperas when playing a video

I have this:

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

and the dependencies:

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

And I see the video bar, but when I press play, the sound is on but the video disappeared, what is the problem?

Upvotes: 0

Views: 486

Answers (1)

MartyBoggs
MartyBoggs

Reputation: 381

you've got to make sure your css file is being linked right. The css makes the video 100% the height and width of the container. You have to use their special classes though which are bound dynamically.

I had trouble with it too, so I installed the default theme and copied the css file to where a place where my application could load it.

Upvotes: 1

Related Questions