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 に答える