如何在 HTML5 中设置视频播放器的高度和宽度？

在 HTML5 中，我们可以使用

使用属性设置高度和宽度

可以使用 HTML5 新增的 height 和 width 属性来设置视频播放器的高度和宽度。如下所示：

<video width="640" height="360" controls>
  <source src="video.mp4" type="video/mp4">
</video>

其中，width 和 height 属性分别用于设置视频播放器的宽度和高度，单位为像素。在上面的示例中，我们设置了宽度为 640 像素，高度为 360 像素。

还可以通过 CSS 设置样式来调整视频播放器的高度和宽度。如下所示：

<style>
  video {
    width: 640px;
    height: 360px;
  }
</style>

<video controls>
  <source src="video.mp4" type="video/mp4">
</video>

其中，我们使用 CSS 选择器来选择 video 元素，并使用 width 和 height 属性来设置它的宽度和高度。

使用 JavaScript 动态设置高度和宽度

使用 JavaScript 也可以动态设置视频播放器的高度和宽度。我们可以通过获取 video 元素的引用，并设置它的宽度和高度属性来实现。如下所示：

<video id="myVideo" controls>
  <source src="video.mp4" type="video/mp4">
</video>

<script>
  var video = document.getElementById("myVideo");
  video.width = 640;
  video.height = 360;
</script>

其中，我们首先获取了 id 为 myVideo 的 video 元素的引用，并通过设置它的 width 和 height 属性来调整它的大小。

以上就是在 HTML5 中设置视频播放器的高度和宽度的方法。我们可以使用 HTML 属性、CSS 样式和 JavaScript 来实现它的大小调整，以满足不同的需求。