Форум Сайтостроение Веб-строительство

Помогите с видео на wordpress.

Maxim-KL
На сайте с 26.01.2011
Offline
350
Maxim-KL
503

Поставлена задача поставить 3 видеоролика в ряд на сайте wordpress. Видеоролики уже залиты на сайт и есть прямые урлы. Я и не заморачивался, добавил видео таким образом:


[embed width="290" height="192"]http://site.ru/video/rolik.mp4[/embed]

Но проблема в том что видео разного расширения, и в итоге каждый из трех плееров получился разных размеров. width="290" height="192" как видете выше я указал. :popcorn:

Вот теперь сижу и ломаю голову, как сделать их все три одинакового размера? Ранее с таким даже не сталкивался...

Буду очень благодарен всем за помощь.

Мои услуги по прогонам: ✅Качественный ручной статейный прогон по базе сайтов с ИКС10+ (maximgroups.net/progon-statejnyj) ✅Прогон Максимум - Все включено, 300+ качественных ссылок (maximgroups.net/progon-maksimum)
u3Bepr
На сайте с 03.03.2011
Offline
60
u3Bepr
#1

как быстрый вариант окружить каждый ролик в DIV с определенным классом и уже на этот класс повесить фиксированную высоту + overflow: hidden;

если сложнее - написать свой шорткод, в ктором вытягивать с помощью ffmpeg какой-то начальный кадр ролика, далее ресайзить и кропать под одинаковый размер и уже выводить картинку на сайте, а при клике в модальном окне показывать ролик

Maxim-KL
На сайте с 26.01.2011
Offline
350
Maxim-KL
#2
u3Bepr:
DIV с определенным классом

А как это сделать? Можно подробный пример, а то я в этом не очень...

u3Bepr
На сайте с 03.03.2011
Offline
60
u3Bepr
#3
Maxim-KL:
А как это сделать? Можно подробный пример, а то я в этом не очень...

вот тут быстрый пример набросал http://codepen.io/anon/pen/BQOJGW

Maxim-KL
На сайте с 26.01.2011
Offline
350
Maxim-KL
#4

u3Bepr, Огромное спасибо, еще немного ваш код доработал и все получилось просто идеально)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий