gurzoof
@gurzoof
Front-End Developer

Как сделать видео респонсив?

Необходимо, чтобы видео отображалось на всю ширину экрана и на всю высоту родителя. И при этом равномерно уменьшалось в зависимости от разных устройств. Как это сделать? Может кто поделится образцом? Вот моя неудачная попытка. Кто-нибудь может показать как нужно это сделать?
<iframe class="uk-responsive-width" width="100%" height="100%" src="https://www.youtube.com/embed/p4nohCcIPuI?rel=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe>
  • Вопрос задан
  • 170 просмотров
Решения вопроса 1
webinar
@webinar
Учим yii: https://youtu.be/-WRMlGHLgRg
Геморойная штука, но решение есть и оно проще, чем кажется до его нахождения:
https://www.w3schools.com/howto/howto_css_aspect_r...
Сам когда-то тупил в этом месте))
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
zooks
@zooks
Frontend
iframe {
  width: 100%;
  height: auto;
}
Ответ написан
@zion86
<div>
<iframe src="https://www.youtube.com/embed/p4nohCcIPuI?rel=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe>
</div>


div {
	position: relative;
	width: 100%;
	padding-bottom: 56.18%;
}
div > iframe {
	position: absolute;
	width: 100%;
	height: 100%;
}
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы