Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Шаблоны (TPL) » Как сделать видео с facebook адаптивным?

Как сделать видео с facebook адаптивным?


     22.04.2017    Все вопросы » Шаблоны (TPL)    360

вопрос
сайт на dle 11.3
Вопрос: Как сделать видео с facebook адаптивным?
Для youtube и многих других нормально работает такой пример:
 .video-container {
    position: relative;
    padding-bottom: 56.25%;
   margin:15px 0;
    height: 0;
    overflow: hidden;
}
.video-container iframe,.video-container object,.video-container embed {
    position: absolute;
    top:0;

    left: 0;
    width: 100%;
    height: 100%;
}


но вот проблемка,на facebook это уже не работает )
если использовать шаблон для мобильных устройств, адаптивность присутствует, но над и под самим iframe имеют быть так сказать отступы.
Если видео идет со сторонами 16:9 все работает,но беда в том,что на facebook есть видео не только с этим соотношением (на youtube тоже есть разное ,но пример выше все это компенсирует) и в итоге имеем обрезаный ролик.

И второй вопрос: Как стили которые я привел выше прикрутить для вставки видео через [media= ?

Ответа пока нет


2 комментария

Admin
Админ

Admin - 25 апреля 2017 18:35 -

Урл дайте на страницу с таким видео (где можно увидеть проблемы с адаптивностью).

shim
Юзер

shim - 26 апреля 2017 08:21 -


Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх