В настоящее время я работаю над веб-сайтом, на котором я хочу, чтобы вверху было слайд-шоу / карусель, но вместо этого с видео вместо изображений.

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

Видео слишком велико по высоте, поэтому я стараюсь показать только половину.

Я попытался сделать это, ограничив высоту родительского div, но видео продолжает «перекрываться» из этого div.

-1
Nautha 8 Окт 2018 в 10:08

2 ответа

Лучший ответ

Добавьте overflow: hidden в div видео. Поэтому div будет скрывать любое переполненное содержимое div.

1
Mantas Daračiūnas 8 Окт 2018 в 07:15

Я думаю, вы ищете что-то подобное. Это сохранит соотношение сторон.

<div class="container"> 
  <video></video>
</div>

.container {
    padding-top: 56.25%; /* 16:9 Aspect Ratio */
}

Ссылка: https://www.w3schools.com/howto/howto_css_aspect_ratio.asp Или, как упоминает Мантас, сделайте overflow: hidden, но это обрежет видео.

0
Qubis741 8 Окт 2018 в 07:25