Переместить встроенное видео Facebook?

Извините, если это немного очевидно, я только начинаю с HTML. Я встроил видео из Facebook на свой веб-сайт и могу настроить ширину, высоту и т. д. Однако я не могу изменить его положение. Выравнивание по центру не работает, но выравнивание по правому краю работает. Я хочу расположить его в процентах (например, вверху: 20%; слева: 20%). Я попытался поместить код вставки в div и использовать CSS, чтобы указать ему позиции, но это ничего не сделало. Кто-нибудь может помочь?

HTML:

<div class="video1">
   <iframe src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2F1255124634539700%2Fvideos%2F1623012424417584%2F&show_text=0&width=560" width="560" height="315" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allowFullScreen="true"></iframe>
</div>

CSS:

.video1{
    top: 30%
    left: 35%;
    z-index: 999;
    position: absolute;
}

html css embedded-video video-embedding
person The Tobemonster    schedule 07.11.2017    source источник

Ответы (2)


arrow_upward
1
arrow_downward

Меня устраивает.

<style type="text/css"> .video1 {display: flex; justify-content: center;} </style>
person Stanislav Yanchenko    schedule 08.05.2018

arrow_upward
0
arrow_downward

Если вы просто хотите отцентрировать его, попробуйте изменить свой css на этот, он работает

<style type="text/css">

.video1{
    margin:auto;
    width:560px;    
}

</style>
person Yinkci Heart    schedule 07.11.2017
comment
Это не работает для меня? Он по-прежнему отображает видео в верхнем левом углу страницы. - person The Tobemonster; 07.11.2017
comment
убедитесь, что ширина равна ширине вашего встроенного видео fb - person Yinkci Heart; 07.11.2017
comment
Мои извинения. Сделал глупую ошибку в моем CSS и пропустил точку с запятой. Извиняюсь. Спасибо за вашу помощь. - person The Tobemonster; 07.11.2017
comment
Хорошо, без проблем - person Yinkci Heart; 07.11.2017