.video-container {
    position: relative;
    width: 100%;
    /* Videonuzun en boy oranına göre bu değeri ayarlayın.
       Örneğin, 16:9 için (9 / 16) * 100 = 56.25% */
    padding-bottom: 56.25%; /* Bu örnek 16:9 en boy oranı içindir */
    height: 0;
    overflow: hidden; /* İçerik taşmasını engeller */
}

.video-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Videonun kabı doldurmasını sağlar, oranı korur */
}

/* İsteğe bağlı: Video kontrollerini gizlemek isterseniz */
/*
.video-container video::-webkit-media-controls {
    display: none !important;
}
.video-container video::-moz-media-controls {
    display: none !important;
}
.video-container video::-ms-media-controls {
    display: none !important;
}
*/