Найти на сайте
  2. Дополнения
  3. Видео
  4. Видео с YouTube, Vimeo, Ok, VK, Rutube и др.
Видео с YouTube, Vimeo, Ok, VK, Rutube и др.

Видео с YouTube, Vimeo, Ok, VK, Rutube и др.

Поле, открытый исходный код

Видео с YouTube, Vimeo, Ok, VK, Rutube и др. 0 Видео с YouTube, Vimeo, Ok, VK, Rutube и др. 1
Видео Интеграции InstantCMS 2.X

Внимание! Будущее потихоньку проникает и в наше сообщество, и это поле, начиная с версии 1.3.0 дорабатывается с помощью ИИ. Описание также написано с его помощью. Я лично теперь только ставлю ТЗ, тестирую и проверяю описание на адекватность.

Это поле для добавления видео — это мощный и универсальный инструмент, который позволяет легко встраивать видео с различных платформ прямо на ваш сайт. Оно поддерживает множество популярных видеохостингов, автоматически обрабатывает ссылки и создаёт красивый и функциональный плеер для каждого видео.

 
Основные возможности:
1. Поддержка множества видеохостингов
YouTube
RuTube
Vimeo
OK.ru (Одноклассники)
VK (ВКонтакте)
Twitch (видео и каналы)
TikTok
Facebook Video (короткие ссылки)
SoundCloud
Bilibili
Dailymotion

2. Простота использования
Вставьте ссылку на видео — поле автоматически определит платформу и создаст плеер.
Поддерживается ввод нескольких ссылок через запятую или пробел. Каждая ссылка будет обработана отдельно.

3. Автоматическая обработка ссылок
Поле распознаёт различные форматы ссылок (например, короткие ссылки YouTube, прямые ссылки на видео, ссылки на плейлисты и т.д.).
Если ссылка неверная, вы получите уведомление об ошибке.

4. Красивый и адаптивный плеер
Каждое видео встраивается в адаптивный iframe, который автоматически подстраивается под размеры экрана.
Плеер поддерживает все современные функции: полноэкранный режим, управление громкостью, воспроизведение и паузу.


5. Безопасность и надёжность
Все ссылки проверяются на корректность, чтобы избежать ошибок.
Код поля оптимизирован для быстрой работы и минимальной нагрузки на сервер.
 
Как это работает:
1. Вставьте ссылку на видео:

Просто скопируйте ссылку на видео из адресной строки браузера или используйте кнопку «Поделиться» на платформе.
2. Поле автоматически создаст плеер:

Поле распознаёт платформу, извлекает ID видео и создаёт iframe с плеером.
3. Наслаждайтесь результатом:

Видео будет отображаться на вашем сайте в красивом и функциональном плеере.
 
Примеры использования:
Ввод:
youtube.com/embed/123, vimeo.com/456, rutube.ru/video/abcdef1234567890
Результат:
Видео с YouTube, Vimeo и RuTube будут встроены на страницу и отображены друг под другом.
 
Преимущества:

  • Экономия времени: больше не нужно вручную создавать iframe для каждого видео.
  • Универсальность: поддержка множества платформ из коробки.
  • Простота: интуитивно понятный интерфейс для пользователей.
  • Гибкость: легко расширяется для поддержки новых платформ.


Почему выбирают это поле?

  • Простота: минимум действий для добавления видео.
  • Надёжность: автоматическая проверка ссылок и обработка ошибок.
  • Универсальность: поддержка всех популярных видеохостингов.
  • Гибкость: легко адаптируется под ваши нужды.

 
Начните использовать уже сегодня!
Добавьте наше поле для добавления видео на ваш сайт и упростите процесс встраивания видео. Это идеальное решение для блогов, новостных сайтов, образовательных платформ и многого другого.

vimeoyoutuberutubevkokполеembedодноклассники
Код для вставки
0
Scythian Scythian 1 год назад #

Здравствуйте. При установке пишет, что только для версии 2.16.1. Не дает установить, ICMS 2.15.2

0
Def Def 1 год назад #

Все хорошо. Добавить бы возможность забирать обложку с ютуба, вконтакте, чтобы не грузить лишний код до клика по кнопке запуска видео.

0
F_a_R_i_D F_a_R_i_D 1 год назад #

Здравствуйте.

Ещё бы и тик ток и инстаграм добавить.

0
Def Def 1 год назад #

и шортс ссылки чтобы обрабатывал)

0
Kuper Kuper 10 месяцев назад #

Я тут недавно подглядел по совету Zau4man

можно сразу подключить файл css при установке что бы не лезть в код

  1. <?php
  2.  
  3. class fieldEmbedvideo extends cmsFormField
  4. {
  5.     public $title = 'Ссылка на видео с youtube, rutube, OK, VK или vimeo';
  6.     public $sql = 'varchar(200) NULL DEFAULT NULL';
  7.     public $filter_type = false;
  8.     public $filter_hint = false;
  9. 	private static $templated = false;
  10.     public function parse($value){
  11. 	$template = cmsTemplate::getInstance();
  12.         if (!self::$templated) {
  13.             $template->addTplCSSName('embedvideo');
  14.  
  15.  
  16.         }
  17.  
  18. 	if

 и естественно сразу в архив закинуть embedvideo.css по пути modern/css/

+

0
Kuper Kuper 10 месяцев назад #

и только заметил если допустим в источнике указать ссылку а не в этом поле то все равно появится надпись 

else {
        return 'Указана неверная ссылка';
        }

0
Clear Clear 1 месяц назад #

Там нужно прописать проверку в начале функции

  1. public function parse( $value ) { 
  2. 	if ( empty( $value ) ) {
  3. 		return '';
  4. 	}
  5. ..........
0
R161Net R161Net 10 месяцев назад #

Почему если поле Видео не заполнено появляется «Указана неверная ссылка»

Как это поправить? Есть решение данной проблемы?

0
Бичукин Андрей Бичукин Андрей 2 месяца назад #

Можете проверить, что поле реально не заполнено у вас? Т.е. нужно именно в базе данных глянуть содержимое поля embedvideo для конкретной страницы, которая выдаёт такую ошибку.

0
hostb hostb 1 месяц назад #
Установил дополнение, подскажите пожалуйста, куда вводить ссылку, в форму по кнопке редактора «Вставить мультимедиа»?
0
Evgenii Evgenii 1 месяц назад #

Здравствуйте. Как добавить CSS стиль для вывода адаптивного плеера в шаблоне Modern? Что-то не могу понять.

0
Evgenii Evgenii 1 месяц назад #

разобрался)

0
DRUID DRUID 29 дней назад #

Вставляю ссылку ВК — пустое место, так же как на демо

0
pupsik pupsik 28 дней назад #

Вы наверно в САМ редактор вставляете. Тогда да, пустое место будет.

0
DRUID DRUID 28 дней назад #

В сам редактор видео из ВК я вставляю через кнопку мультимедиа, встроенный код iframe. И оно работает.
А в данном случае, в поле «Видео с YouTube, Vimeo, Ok, VK, Rutube и др.» ссылку на видео из адресной строки ВК, например vkvideo.ru/video-154816652_456241799
И тогда пустое место, видео с других платформ через это поле работают.
Вот что выводит в этом месте, при просмотре кода

  1. <iframe src="https://vk.com/video_ext.php?oid=-154816652&amp;id=456241799&amp;hd=2" encrypted-media;="" fullscreen;="" picture-in-picture;"="" allowfullscreen="" width="100%" frameborder="0"></iframe>
0
pupsik pupsik 28 дней назад #

Я не знаю как это поле работает… Ставить не хочу. Вы адреса в типограф прописали? Ну и атрибуты заодно для < iframe >

allowfullscreen

frameborder

0
DRUID DRUID 28 дней назад #

я извиняюсь, я всего лишь любитель.
у этого поля нет настроек, например как у поля «текст HTML», где можно включить обрабатывать типографом и выбрать пресет.

0
pupsik pupsik 28 дней назад #

В админке в Компонентах, в самом низу Типограф. Там выбираете «По умолчанию» Ищите < iframe > и там будет понятно.

0
DRUID DRUID 28 дней назад #

да, в этом пресете есть адреса вк и есть атрибуты

allowfullscreen frameborder

0
pupsik pupsik 28 дней назад #

и vkvideo? 

0
DRUID DRUID 28 дней назад #

решил свой вопрос, может у кого-то будет подобный.
заменил vk.com на vkvideo.ru в файле embedvideo.php 81 строка
стало так 

  1.             $iframe = '<iframe src="https://vkvideo.ru/video_ext.php?oid=' . htmlspecialchars($m[1]) . '&id=' . htmlspecialchars($m[2]) . '&hd=2" width="100%" encrypted-media; fullscreen; picture-in-picture;" frameborder="0" allowfullscreen></iframe>';



InstantCMS Team

Связь с нами
Email dev@instantcms.ru

Делаем полезные Интернет проекты с 2008 года 💫

О проекте

Поддержка

Дополнения

Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.