video.js 更改视频比列

要更改视频比例，您可以使用 video.js 提供的 CSS 类来调整视频播放器的大小。

首先，您可以为播放器容器元素添加一个特定的 CSS 类，例如 `vjs-16-9` 或 `vjs-4-3`，分别表示 16:9 或 4:3 的比例。这将影响播放器的宽高比。

示例代码如下：

<div id="my-video" class="video-js vjs-default-skin vjs-16-9">
  <video controls preload="auto" class="video-js">
    <source src="your-video-source.mp4" type="video/mp4">
    <!-- 其他视频源 -->
  </video>
</div>

上述代码将创建一个带有类名为 `vjs-16-9` 的容器，并且视频播放器会自动适应该比例。

您可以根据需要选择适当的比例类，或者自定义 CSS 样式来调整播放器的宽高比。记得在引入 video.js 的 CSS 文件后，将上述代码放在页面中合适的位置。

希望这可以帮助到您！如有任何进一步的问题，请随时提问。