Видео с YouTube, Vimeo или Rutube

+22
3.76K
Поле позволяет вставить видео с сервисов YouTube, Vimeo или Rutube простым добавлением в него ссылки ролика.

По сути это немного доработанное поле отсюда





Если хотим адаптивный вывод плеера, то нужно добавить в любой подключенный файл стилей вашего шаблона вот это:

.player_container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow:hidden;
}
.player_container iframe,
.player_container object,
.player_container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
0
Jestik Jestik 6 лет назад #
Разработка интересная, но стиль плеера выглядит устарело, и лучше реализовать запуск видео по клику, как тут https://pikabu.ru/tag/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE/hot

padding-bottom: 56.25%; - и это чет смущает)
0
Jestik Jestik 6 лет назад #
+1
Бичукин Андрей Бичукин Андрей 6 лет назад #
56.25% - это процентовка для стандартного 16:9, если 4:3 — поставьте 75%
Сделать по клику не умею) Как научусь, даработаю
0
Sonat Sonat 6 лет назад #
Бичукин Андрей:
По сути это немного доработанное поле отсюда
По сути это бесплатная копия вот этого -

+4
Бичукин Андрей Бичукин Андрей 6 лет назад #
Не совсем. Там функционал побогаче, чем в том, что я немного доработал из реально бесплатной версии. Даже не думал, что платная есть. Просто сделал для себя лично и выложил для всех.
0
Александр Витальевич Александр Витальевич 6 лет назад #
Однозначно плюсую за разработку и за бесплатность. Хоть мне и не пригодится, а сообществу польза.
0
Роман Роман 6 лет назад #
Автору однозначно плюс. Кому надо возьмут в готовом виде, кому надо доработают до своих нужд
0
ermakover ermakover 6 лет назад #
Установилось.
Если добавить это поле в любой тип контента, то ничего кроме видео и заголовка не выводится, потому что поле видео закрывает текст.
0
Бичукин Андрей Бичукин Андрей 6 лет назад #
Поле выводит только код плеера и ничего более. Но есть нюанс, что оно выводится в div контейнере player_container. Попробуйте добавить код css указанный выше в ваш файл стилей. Если не поможет, то нужно уже детальней разбираться на вашем конкретном сайте, т.к. о такой ошибке больше никто не писал.
0
al955 al955 5 лет назад #
У меня такая же ошибка. Видео закрывает весь объем страницы. CSS-код в файл стилей добавлял

Шаблон недефолтный
0
Андрей Андрей 6 лет назад #
Добавьте пожалуйста видео с coub - вообще класс будет
0
DeDja DeDja 5 лет назад #
Пара взаимосвязанных ссылок:
github
embedresponsively
+1
Павел Павел 4 года назад #
Одноклассники изменили количество цифр на 13. Поменяйте в embedvideo.php в конце то есть там где ОК ([-_a-z0-9]{13}) то есть {12} на {13} , в video и в live
И ребят кто знает как добавить VK напишите не жмитесь.
+1
Бичукин Андрей Бичукин Андрей 4 года назад #
Добрый вечер!
Ок. Поставлю на заметку и сделаю правку в ближайшее время. Спасибо!
Там вообще во всех роликах это изменилось, или только в новых добавляемых?
0
Павел Павел 4 года назад #
не могу сказать, старых у меня нет. Вы случаем не знаете как добавить ОК и ВК исключение в типограф?
0
Павел Павел 4 года назад #
Вот если 'ok.ru', дописать в домены html_filter.php то показывает с фреймом в рекдаторе. путь system\controllers\typograph\hooks строка 94. А VK не хочет.

Еще от автора

Лента RSS для Яндекс.Турбо, Яндекс.Новости или Яндекс.Дзен 2.1 (обновление)
Компонент позволяет сформировать и выгрузить ленту контента в соответствии с требованиями яндекс-турбо или яндекс-дзен.
Лента RSS для яндекс-турбо или яндекс-дзен(FREE) (обновление)
Обновление в основном связано с тем, что обещания яндекса о полной совместимости лент Турбо и Джен в итоге не нашло практического подтверждения.
Лента RSS для яндекс-турбо или яндекс-дзен 2.0
Компонент позволяет сформировать и выгрузить ленту контента в соответствии с требованиями яндекс-турбо или яндекс-дзен.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.