body, html {
    height: 100%;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #000000; /* 背景色，可根据需要调整 */
}

.video-container video {
    max-width: 100%; /* 视频宽度不超过容器宽度 */
    height: auto;    /* 视频高度自动调整以保持比例 */
    border: none;    /* 移除边框 */
    outline: none;   /* 移除焦点时的轮廓 */
    box-shadow: none;/* 移除阴影 */
}

.video-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 50%; /* 或设置为固定宽度，如 640px */
    height: auto;
    overflow: hidden;
}

.video-container video {
    width: 100%; /* 覆盖整个容器宽度 */
    height: auto; /* 高度自动调整 */
}