HTML | DOM 视频高度属性

介绍

在 HTML 中，可以使用视频元素<video>来嵌入视频资源。而视频高度属性height可以用来定义视频元素的高度。

语法

视频高度属性可用于<video>元素。

<video height="...">
  <source src="...">
</video>

属性值

视频高度属性可以是以下值之一：

• a number：以像素为单位的高度值（例如：height="360"）
• "auto"：浏览器将根据视频比例自动调整元素高度

示例

下面的代码显示了如何使用视频高度属性：

<video height="360">
  <source src="video.mp4" type="video/mp4">
  <source src="video.ogg" type="video/ogg">
</video>

JavaScript DOM

可以使用 JavaScript DOM 来获取、设置视频高度属性。

获取视频高度属性

可以使用height属性来获取视频元素的高度：

const video = document.querySelector('video');
const videoHeight = video.height;

设置视频高度属性

同样地，可以使用height属性来设置视频元素的高度：

const video = document.querySelector('video');
video.height = 480;

结论

使用视频高度属性可以根据需要对视频元素进行自定义大小调整。要注意，过大或过小的元素大小可能会对用户体验产生负面影响。