RUS Video Embeds for VK Video, Rutube and Dzen

Описание

RUS Video Embeds добавляет поддержку российских видеохостинговых платформ в WordPress:

  • VK Видео — vk.com/video*, vkvideo.ru/*
  • Rutube — rutube.ru/video/*
  • Дзен — dzen.ru/embed/* (ссылки встаивания)

Это неофициальный плагин, не связанный с VK, Rutube или Дзен.

⚠️ Особенность Дзен: Обычные ссылки на видео (dzen.ru/video/watch/...) не работают для вставки — Дзен использует отдельные ссылки для встраивания. При вставке ссылки на просмотр плагин отображает инструкции по получению правильной ссылки. Дополнительная информация: Как встроить видео Дзен в WordPress

Особенности:

  • Автоматическое встраивание видео по URL (oEmbed) — просто вставьте ссылку на отдельной строке
  • Шорткоды [vk_video], [rutube], [dzen] для классического редактора
  • Блок Gutenberg «RU Video» с предварительным просмотром и настройками
  • Адаптивный iframe (по умолчанию 16:9)
  • Настраиваемые вертикальные отступы с помощью предустановок интервалов в Gutenberg.
  • Настройки: размеры по умолчанию, автовоспроизведение, отступы, включение/отключение провайдеров.
  • Безопасность: изолированный iframe, отложенная загрузка, проверка URL-адресов.
  • Расширение: добавляйте собственных провайдеров через фильтр rus_video_embeds_register_providers

Использвание

oEmbed (автоматически):
Просто вставьте ссылку на видео в редакторе на отдельной строке:
https://rutube.ru/video/abc123def456/

Шорткоды:
[vk_video url=»https://vk.com/video-123456_789012″]
[rutube url=»https://rutube.ru/video/abc123/» width=»800″ height=»450″]
[dzen url=»https://dzen.ru/embed/abc123def456″ autoplay=»1″]

Gutenberg:
Добавьте блок «RU Video» и вставьте URL.

Дзен — как получить ссылку для встраивания:

  1. Откройте видео на Дзен
  2. Нажмите «Поделиться» «Встроить»
  3. Скопируйте ссылку из атрибута src в коде iframe (формат: https://dzen.ru/embed/...)
  4. Вставьте эту ссылку в блок, шорткод или oEmbed.

Вы также можете вставить весь код <iframe> в блок Gutenberg — плагин автоматически извлечет URL-адрес для встраивания.

Подробная инструкция со скриншотами: Как встроить видео Дзен в WordPress

Внешние сервисы

Плагин использует внешние сервисы для разрешения и отображения изображений предварительного просмотра видео в интеграции с FluentCommunity.

1) Страница встраивания видео VK (vk.com, vkvideo.ru)
Для чего используется сервис: Плагин запрашивает у страницы встраивания видео метаданные изображения предварительного просмотра для карточек FluentCommunity.

Какие данные отправляются и когда: При создании или обновлении предварительного просмотра VK WordPress отправляет исходящий HTTP GET-запрос на URL-адрес встраивания видео. Запрос включает целевой URL-адрес видео и стандартную строку пользовательского агента WordPress (WP-URLDetails/... (+site-url)).

Ссылки на провайдера: Условия использования: https://vk.com/terms; Политика конфиденциальности: https://vk.com/privacy

2) CDN для предварительного просмотра изображений VK (iv.okcdn.ru)
Для чего используется сервис: Плагин формирует и использует окончательный URL-адрес предварительного просмотра изображения VK с сайта iv.okcdn.ru для отображения миниатюры в предварительных просмотрах FluentCommunity.

Какие данные отправляются и когда: При анализе метаданных предварительного просмотра для встраивания VK плагин формирует внешний URL-адрес изображения на сайте iv.okcdn.ru. Браузер и/или WordPress могут запрашивать этот URL-адрес изображения при рендеринге карточек предварительного просмотра.

Ссылки на провайдера: Условия предоставления услуг: https://ok.ru/regulations; Политика конфиденциальности: https://ok.ru/privacy

3) CDN для предварительного просмотра изображений Rutube (rtbcdn.ru)
Для чего используется сервис: Миниатюры Rutube, используемые в карточках предварительного просмотра, загружаются с доменов CDN Rutube, таких как rtbcdn.ru.

Какие данные отправляются и когда: Когда URL-адрес Rutube обрабатывается FluentCommunity (RemoteUrlParser) и отображается предварительный просмотр, браузер/WordPress запрашивает URL-адрес миниатюры, возвращаемый метаданными Rutube.

Ссылки на провайдера: Условия предоставления услуг: https://rutube.ru/info/agreement/ ; Политика конфиденциальности: https://rutube.ru/info/privacy/

4) CDN для предварительного просмотра изображений Дзен (avatars.dzeninfra.ru)
Для чего используется сервис: Миниатюры Дзен, используемые в карточках предварительного просмотра, загружаются с доменов инфраструктуры Дзен, таких как avatars.dzeninfra.ru.

Какие данные отправляются и когда: Когда URL-адрес Дзен анализируется FluentCommunity (RemoteUrlParser) и отображается предварительный просмотр, браузер/WordPress запрашивает URL-адрес миниатюры, возвращаемый метаданными Дзен.

Ссылки на провайдера: Условия предоставления услуг: https://dzen.ru/legal/ru/termsofuse/index.html; Политика конфиденциальности: https://yandex.ru/legal/confidential/

Разработка / Сборка

Исходный код JavaScript для блоков включен в этот пакет плагина:
blocks/video/src/

Скомпилированные ассеты, используемые во время выполнения, находятся в:
blocks/video/build/

Команды сборки:
1. npm install
2. npm run build

Общедоступные репозитории исходного кода:
— SVN-репозиторий плагина WordPress.org: https://plugins.trac.wordpress.org/browser/rus-video-embeds/
— Зеркало GitHub: https://github.com/wplovers-ru/rus-video-embeds

Скриншоты

  • Блок Gutenberg — вставьте URL-адрес видео и получите мгновенный предварительный просмотр
  • Страница настроек — размеры по умолчанию, автовоспроизведение, отступы, провайдеры
  • Уведомление Дзен о встраивании — полезные инструкции при вставке URL-адреса для просмотра
  • Фронтенд — адаптивное встраивание видео на сайт

Блоки

Этот плагин предоставляет 1 блок.

  • RU Video Embed videos from VK Video, Rutube, and Dzen

Установка

  1. Загрузите папку rus-video-embeds в /wp-content/plugins/
  2. Активируйте плагин через меню «Плагины» в WordPress.
  3. Настройте плагин в разделе «Настройки» «RUS Video Embeds»

Часто задаваемые вопросы

Какие видеоплатформы поддерживаются?

VK Video, Rutube и Дзен. Вы можете добавить свои через фильтр rus_video_embeds_register_providers.

Работают ли приватные видео?

Встраивание работает только для общедоступных видео. Приватные видео VK могут не отображаться.

Почему у меня не работает ссылка на видео от Дзен?

Дзен использует разные ссылки для просмотра и встраивания. Обычная ссылка вида dzen.ru/video/watch/... не работает для вставки. Вам нужна специальная embed-ссылка формата dzen.ru/embed/.... Чтобы её получить, нажмите под видео «Поделиться» «Вмтроить» и скопируйте ссылку из кода iframe. Подробные инструкции

Отзывы

Нет отзывов об этом плагине.

Участники и разработчики

«RUS Video Embeds for VK Video, Rutube and Dzen» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:

Участники

«RUS Video Embeds for VK Video, Rutube and Dzen» переведён на 1 язык. Благодарим переводчиков за их работу.

Перевести «RUS Video Embeds for VK Video, Rutube and Dzen» на ваш язык.

Заинтересованы в разработке?

Посмотрите код, проверьте SVN репозиторий, или подпишитесь на журнал разработки по RSS.

Журнал изменений

1.1.4

  • Добавлено четкое уведомление о «Внешних сервисах» с указанием потока данных и ссылками на Условия использования/Политику конфиденциальности для VK, OK CDN, Rutube CDN и Дзен CDN
  • В файле README описан процесс сборки и обработки исходного кода JavaScript для соответствия требованиям WordPress.org по удобочитаемости кода
  • Стандартизированы префиксы среды выполнения, специфичные для плагинов, до канонического wplrve, а также удалены короткие идентификаторы rve

1.1.3

  • Переименование плагина в «RUS Video Embeds for VK Video, Rutube and Dzen» для соответствия требованиям модерации WordPress.org
  • В настройках API и локализованном объекте редактора блоков произошла миграция коротких префиксных идентификаторов, специфичных для плагина, с rve на wplrve.
  • Заменен встроенный JavaScript-код на скрипт, добавленный в очередь, и исправлено поведение полосы прокрутки в предварительном просмотре Gutenberg

1.1.2

  • FluentCommunity: стабильное обновление миниатюр VK при редактировании старых постов
  • FluentCommunity: функция media_preview теперь обновляется, если изображение отсутствует или устарело

1.1.1

  • Исправлены глобальные постоянные префиксы для соответствия требованиям проверки плагинов WordPress.org.
  • Добавлена ​​интеграция с ядром pre_oembed_result для лучшей совместимости со сторонними конвейерами oEmbed (например, FluentCommunity).
  • Добавлены ABSPATH guards, LICENSE, uninstall.php
  • Все строки переведены на английский язык для WordPress.org; русский язык доступен через translate.wordpress.org

1.1.0

  • Дзен: информационное уведомление с инструкциями, когда вместо неработающего iframe вставляется ссылка для просмотра
  • Дзен: полная поддержка встраиваемых URL-адресов (dzen.ru/embed/*) во всех контекстах
  • Дзен: анализ кода iframe в блоке Gutenberg — автоматическое извлечение URL-адреса для встраивания
  • Исправлены полосы прокрутки в Gutenberg и классическом редакторе — встроенные стили для автономной отрисовки
  • Добавлены CSS-стили для корректного отображения предварительного просмотра в редакторах
  • Настройка вертикального отступа по умолчанию (предустановки интервалов Gutenberg) в настройках плагина.
  • spacing.margin — поддержка блоков Gutenberg с автоматически применяемым значением по умолчанию
  • Обновлено название плагина и меню настроек
  • Обновлен файл readme.txt с инструкциями по использованию Дзен и полным списком изменений.

1.0.0

  • Первый релиз
  • Поддержка VK Video, Rutube, Dzen
  • oEmbed, шорткоды, блок Gutenberg

1.1.1

  • Страница настроек
  • Адаптивный iframe