【问题标题】:Dynamically set width & height in Videogular在 Videogular 中动态设置宽度和高度
【发布时间】:2014-03-21 16:01:51
【问题描述】:

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

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

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

【问题讨论】:

    标签: responsive-design html5-video videogular


    【解决方案1】:

    如果您想在响应式网站中自动调整 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>
    

    【讨论】:

    • 我设置了 vg-responsive="true" 。它不起作用。我也通过了主题。
    • 能否请您在某处发布一个示例以查看代码?
    • 父页面 HTML : 子页面 HTML:
    • 这个代码是 rgt 吗?在浏览器中可以查看绑定线 vg-reponsive="true"
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2016-04-15
    • 2013-08-20
    • 1970-01-01
    • 1970-01-01
    • 2021-02-17
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多