Как растянуть видео в css?

Question

Доброй ночи. Как растянуть видео на весь блок ? что бы между блоками осталось расстояние (1050-2*515). Через html получается , но нужно через css

https://codepen.io/camobap6/pen/BajaQNV

.video__iframe{
  width: 515px;
    height: 316px;
    
  }
  .video__iframes{
    width: 1050px;
    height: 316px;
    margin: 50px auto 0 auto;
    justify-content: space-between;
    display: flex;
  }
.video{
    padding-top: 100px;
    display: flex;
    flex-direction: column;
  }
div{
  border:solid red 1px;
}
.title {
    text-align: center;
    line-height: 78px;
    font-size: 52px;
    width: 55%;
    margin:  0 auto 0 auto;
    z-index: 2;
    
  }

<section class="qwer">
  <div class="title"> Заголовок</div>
<div class="video__iframes">
    <div class="video__iframe">   
      <iframe src="https://www.youtube.com/embed/Z53GUVrMvIE"  allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
    
    </div> 

    <div class="iframe">
        <iframe src="https://www.youtube.com/embed/anWk4Pa5u8A"  allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
   
    </div>
  
</section>

БЛОГ НА HUSL

Как растянуть видео в css?

Ответы (0 шт):