Фон видео слишком большой

скриншот на телефонФон видео слишком большой

скриншот на ПК

Это видео в фоновом режиме.

проблема.
Когда веб-сайт находится на полноэкранном режиме, размер видео большой. Я попытался сделать его меньше с верхним краем. но его сокращает видео пополам. видео должно оставаться в оригинальном conditon на полноэкранном и затухающем экране. Как мне это сделать?

<body> 

    <div id="videoContainer" class="half-black"> 
     <div class="videoWrapper"> 
      <video autoplay> 
       <source src="video/warwick.mp4" type="video/mp4"> 
      </video> 
     </div> 
    </div> 
    <div id="infoContainer" class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> 
    </div>

CSS:

#videoContainer{ 
    height:auto; 
    background-color:darkslateblue; 
    border-bottom:5px solid black; 
} 
#infoContainer{ 
    background-color:dodgerblue; 
    height:40%; 
} 

.videoWrapper > video { 
    width: 100%; 
    margin-top:-35%; 


} 
.videoWrapper{ 
    overflow: hidden; 
}

источник

2017-02-10 Augurkturk

Вы можете использовать object-fit CSS свойство соответствовать видео в контейнере. Используйте и убедитесь, что это решает вашу проблему. Кроме того, не требуется свойство margin.

.videoWrapper > video { 
    width: 100%; 
    height: 100%; 
    object-fit: cover; 
}

источник

2017-02-10 13:44:25 vikrantnegi007

tnx bro это помогло! – Augurkturk

Фон видео слишком большой

ответ

Смежные вопросы