Положите элемент
<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&start=7;autoplay=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
Про выравнивание элементов с помощью Flexbox можно почиать на
HTML5Book.