video标签对齐左上角

要将视频标签对齐到屏幕的左上角，您可以使用CSS样式来实现。在video标签上应用以下CSS属性和值：

video {
  position: fixed;
  left: 0;
  top: 0;
}

这将把视频标签固定在屏幕的左上角。如果您想要将内部视频标签重叠在外部视频标签上方，您可以使用z-index属性来控制元素的层叠顺序。给内部视频标签一个更高的z-index值，它将显示在外部视频标签的上方。例如：

.outer-video {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1;
}

.inner-video {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 2;
}

这样，内部视频标签将位于外部视频标签上方。请注意，这些样式将使视频标签固定在屏幕的左上角，无论用户滚动页面与否。如果您需要在页面中其他位置对齐视频标签，您可以相应地调整left和top属性的值。

相关问题

怎么让这个poster使用自己原本的大小并在video内水平垂直居中

要在HTML的`<video>`标签中使用自定义loading动图并使其保持原始大小并水平垂直居中，你可以结合CSS样式来实现。下面是一个示例：

1. 首先，在`<video>`标签内设置`poster`属性指向你的loading图片，并将其设置为`display: none;`以隐藏初始内容：

<video id="myVideo" playsinline poster="custom-loading.gif" style="display: none;">

2. 然后，创建一个外部`<div>`作为包含元素，并使用CSS来设置其样式：

<div class="loading-container">
  <video id="myVideo" ...></video>
</div>

.loading-container {
  position: relative;
  overflow: hidden;
  max-width: 100%; /* 或者适应屏幕宽度 */
  max-height: 100%;
}

.loading-container video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover; /* 保持图片宽高比，填充容器 */
}

这里的`object-fit: cover`会让图片充满整个容器，并保持纵横比。`top: 50%`和`left: 50%`用于将图片向左上角移动自身半径的距离，然后使用`transform: translate(-50%, -50%)`将图片中心对齐于容器中心。