7bit24
Посмотрите видео ниже, чтобы узнать, как установить наш сайт в виде веб-приложения на главном экране.
Примечание: Эта функция может быть недоступна в некоторых браузерах.
<div class="player">
<div class="player__content">
<iframe width="100%" height="100%" src="https://www.youtube.com/embed/MebTPHCoAFY" title="YouTube video player" frameborder="0" allowfullscreen></iframe>
</div>
</div>
.player{
width: 600px; // Ширина плеера, может быть в процентах.
position: relative;
}
.player::after{
content: '';
display: block;
width: 100%;
padding-bottom: 56%; // Хитрость именно тут =)
position: relative;
z-index: 1;
}
.player__content{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
Да, последнее время довольно часто, но учитываю насколько критично будет в конкретном месте отсутствие поддержкиИспользуешь ли ты сейчас в своей верстке row-gap и column-gap для отступов между flex элементами?