responsive-design - Videogular で幅と高さを動的に設定する

Question

私はVideogularを使用しています。高さと幅を動的に設定したい。値を設定する方法

videojs.options.width = sizeWidth;
videojs.options.height = sizeHeight;

videogular の幅と高さを設定するこれは正しい方法ですか?

Answer 1

Videogularレスポンシブ Web サイトで自動的にサイズを変更したい場合は、設定することができ、そのコンテナーに収まりますvg-responsive="true"。Videogular

ただし、サイズを手動で変更する場合は、コードで行っているようにvg-width、 とにバインドしたプロパティを変更する必要がありvg-heightます。HTML が間違っている可能性があるため、次のようになります。

<videogular vg-width="videojs.options.width" vg-height="videojs.options.height" vg-responsive="false" vg-theme="config.theme.url">
    <video vg-src="videojs.options.sources" preload='metadata'>
        <!-- You can also have sources here and remove vg-src="videojs.options.sources" -->
    </video>
</videogular>