使HTML5视频尊重父视频的高度/宽度

使HTML5视频尊重父视频的高度/宽度是通过设置CSS样式来实现的。具体方法如下：

1. 使用CSS选择器选中父视频元素，可以通过类名、ID或标签名等方式进行选择。
2. 设置父视频元素的position属性为relative或absolute，以便后续设置子视频元素的位置。
3. 设置父视频元素的height和width属性，指定父视频的高度和宽度。
4. 设置子视频元素的position属性为absolute，并将top和left属性设置为0，以确保子视频元素相对于父视频元素的左上角定位。
5. 设置子视频元素的height和width属性为100%，使其尺寸与父视频元素相同。

以下是一个示例代码：

HTML部分：

<div class="parent-video">
  <video class="child-video" src="video.mp4" controls></video>
</div>

CSS部分：

.parent-video {
  position: relative;
  height: 400px;
  width: 600px;
}

.child-video {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

在上述示例中，父视频元素的高度设置为400px，宽度设置为600px，子视频元素通过设置position为absolute，并将top和left属性设置为0，使其相对于父视频元素的左上角定位，并且通过设置height和width属性为100%来与父视频元素保持相同的尺寸。

推荐的腾讯云相关产品：腾讯云视频处理服务（云点播），该服务提供了丰富的视频处理功能，包括视频转码、视频截图、视频水印等，可满足各种视频处理需求。详情请参考腾讯云视频处理服务官方文档：腾讯云视频处理服务。