Как скрыть видео?

Question

Быстрый вопрос, потому что я не могу найти его здесь. У меня есть видео и я прикрепил его с помощью следующего кода на HTML

video { 
 
    top: 50%; 
 
    left: 50%; 
 
    min-width: 100%; 
 
    min-height: 100%; 
 
    width: auto; 
 
    height: auto; 
 
}

<section class="banner"> 
 
    <div class="banner-header"> 
 
    <video poster="#" autoplay="true" loop> 
 
     <source src="coding.mp4" type="video/mp4" /> 
 
    </video> 
 
    </div> 
 
</section>

Когда я пытаюсь это, мои видео-шоу, он играет и петли. Отлично. Кроме того, размер настолько массивный, что я могу прокручивать вправо, и я больше не вижу тело только фона и правой правой части видео.

Я хочу, чтобы видео было меньше и правильно соответствовало всему отзывчивому веб-сайту. И ниже видео в значительной степени является темой веб-сайта, которые являются моими навыками и контактными данными. Таким образом, видео является «заголовком», хотя у меня есть правильный заголовок с кнопками навигации, а что нет.

Answer 1

В вашем CSS, удалите

min-width: 100%; 
min-height: 100%; 
width: auto; 
height: auto; 

затем указать числовое значение для width, например 50% или 400px.

Браузер пропорционально масштабирует видео, поэтому вам не нужно устанавливать высоту.

Answer 2

Решено.

На моем CSS я имел следующий код

.banner { 
    width: 150%; 
    background-color: #6991AC; 
} 

изменил его от 150% до 100%, с кодом CSS для видео от вопроса я изменил его содержать только ширину и высоту, с шириной набора до 100% и высоты до авто.