< ClearExperience >

Редакция:	12.05.2019
Теги:	HTML + CSS

Адаптивное видео

HTML

1

2

3

<div class="video">

<iframe width="" height="" src="" frameborder="0"></iframe>

</div>

CSS

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

.video {

height: 0;

position: relative;

padding-bottom: 56.25%;

overflow: hidden;

}

/*.video embed,

.video object,*/

.video iframe {

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

}