动态设置宽度和宽度视频高度

时间:2014-03-21 16:01:52

标签: responsive-design html5-video videogular

我正在使用Videogular。我想设置高度&宽度动态。我该如何设置值

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

这是设置宽度和宽度的正确方法视频的高度?

1 个答案:

答案 0 :(得分:0)

如果您想在自适应网站中自动调整Videogular的大小,可以设置vg-responsive="true"Videogular将适合其容器。

但是,如果您想手动更改尺寸,则必须将绑定的属性更改为vg-widthvg-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>