Я пытаюсь выровнять встроенное видео YouTube по центру страницы на странице начальной загрузки. Размер видео всегда одинаков.
Мой HTML выглядит очень просто:
<div class="video">
<iframe width="560" height="315" src="https://www.youtube.com/embed/ig3qHRVZRvM" frameborder="0" allowfullscreen=""></iframe>
</div>
Я пробовал разные решения от stackoverflow (который касался только центрирования div, а не видео), и лучшее, что я смог придумать, это эту скрипку.
Я уже пробовал решение1, решение2, решение3, но безрезультатно. Другое частично успешное решение заключалось в использовании:
width: 50%;
margin: 0 auto;
Он хорошо работал на настольном компьютере, но не работал на iPad или телефоне (видео частично выходило за пределы экрана). Как правильно центрировать видео на рабочем столе/планшете/телефоне?