.video-wrapper {
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

.video-container {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    padding-bottom: 56.25%; /* 16:9 影片比例 */
    height: 0;
    overflow: hidden;
}

.video-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* 確保在所有設備上的最大寬度一致 */
@media screen and (min-width: 768px) {
    .video-wrapper {
        max-width: 800px; /* 你可以調整這個值 */
        margin: 0 auto;
    }
}