如何在Angular中调整videogular2组件的大小？

Question

我有一个来自videogular2的HTML组件用于视频播放器：

<vg-player>
<vg-overlay-play></vg-overlay-play>
<vg-buffering></vg-buffering>

<vg-scrub-bar>
    <vg-scrub-bar-current-time></vg-scrub-bar-current-time>
    <vg-scrub-bar-buffering-time></vg-scrub-bar-buffering-time>
</vg-scrub-bar>

<vg-controls>
    <vg-play-pause></vg-play-pause>
    <vg-playback-button></vg-playback-button>

    <vg-time-display vgProperty="current" vgFormat="mm:ss"></vg-time-display>

    <vg-scrub-bar style="pointer-events: none;"></vg-scrub-bar>

    <vg-time-display vgProperty="left" vgFormat="mm:ss"></vg-time-display>
    <vg-time-display vgProperty="total" vgFormat="mm:ss"></vg-time-display>

    <vg-track-selector></vg-track-selector>
    <vg-mute></vg-mute>
    <vg-volume></vg-volume>

    <vg-fullscreen></vg-fullscreen>
</vg-controls>

<video [vgMedia]="media" #media id="singleVideo" preload="auto" crossorigin>
    <source src="http://static.videogular.com/assets/videos/videogular.mp4">
</video>

如何调整此组件的大小？它适合所有页面宽度。我已经尝试在vg-player标记中添加vg-width和vg-height属性，但它不起作用。 谢谢！ ：）