怎么让这个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%)`将图片中心对齐于容器中心。