body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    background-color: black; /* 设置背景为黑色 */
    /*overflow: hidden;*/
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
}

/*.video {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*}*/

/*.local-video, .remote-video {*/
/*    position: absolute;*/
/*    max-width: 100%;*/
/*    max-height: 100%;*/
/*    object-fit: contain; 保持宽高比 
/*}*/
.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    /*align-items: center;*/
}

.local-video, .remote-video {
    position: absolute;
    width: 100%; /* 宽度占满 100% */
    height: auto; /* 高度自动调整，保持比例 */
    object-fit: contain; /* 保持宽高比 */
}


video {
    width: 100%;
    height: 100%;
}