vladpanishev

Положите элемент <div class="video"></div> в <div class="container"></div> и для контейнера задайте следующие стили:

.container {
  display: flex;
  justify-content: center;
  align-items: center; // если нужно выравнивание по вертикали
}

Верстка:

<div class="container">
    <div class="video">
      <iframe width="560" height="315" src="https://www.youtube.com/embed/H1Vnys_GC4Y?controls=0&amp;start=7;autoplay=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
    </div>
</div>

Про выравнивание элементов с помощью Flexbox можно почиать на HTML5Book.