Как вставить видео с Rutube на сайт
Использование HTML-кода
Этот способ заключается в использовании iframe-тега. Для этого выполните следующие шаги:
Откройте RuTube и перейдите на страницу с видео, которое нужно встроить.
Кликните Поделиться под плеером и в открывшемся окне нажмите Код вставки плеера.
Перед копированием кода есть возможность указать дополнительные настройки. Для этого выберите Показать настройки параметров. Откроется окно, где можно:
- Задать размеры видео (ширину и высоту в пикселях).
- Указать цвет дорожки и регулятора громкости.
- Изменить время начало и конца ролика. С помощью чекбокса открывается поле для ввода времени. Если значение выходит за пределы длины ролика – появляется предупреждение.
- Включить показ названия видео. Если выберете этот пункт, дополнительно появляется чекбокс «Показать автора канала». Название и автор будут отображаться в виде ссылок под плеером.
По завершении настроек кликните Скопировать
Вставьте код в нужное место html-разметки вашей страницы
В результате видеоролик появится на сайте
Использование плагина
Если ваш сайт работает на CMS, например WordPress, то можно воспользоваться плагинами. Один из таких – EmbedPress. Сделайте следующее:
В админ-панели WordPress перейдите в раздел «Плагины» и нажмите кнопку Добавить новый.
В поле поиска введите EmbedPress, установите и активируйте плагин.
Откройте «рутуб» и перейдите на страницу нужного видео.
Скопируйте URL-адрес из адресной строки, либо нажмите правой кнопкой мыши на видео и выберите «Скопировать ссылку на видео»
Вернитесь в WordPress и откройте запись в режиме редактирования.
Здесь нужно добавить новый блок. Для этого кликните кнопку «+» в верхнем левом углу. Откроется меню, где в строке поиска введите EmbedPress и вставьте соответствующий блок.
В поле ввода вставьте адрес ссылки на видео, скопированный ранее.
Нажмите Вставить, после чего появится сообщение о загрузке.
Обновите запись, и видео появится на сайте.
У плагина есть возможность сгенерировать шорткод для вставки.
Для этого в админ-панели перейдите в раздел EmbedPress.
Откройте меню Shortcode
Вставьте ссылку на видео и кликните кнопку Generate.
В нижнем поле появится шорткод. Нажмите Copy Link.
Перейдите в режим редактирования записи. Нажмите кнопку «+» в верхнем левом углу, в поиске введите «Шорткод» и выберите соответствующий блок.
Вставьте скопированный шорткод и обновите запись
На сайте появится добавленное видео
По желанию вы можете вставлять код вручную или пользоваться плагинами.
Готовое решение от QForm
Но если нужно простое, быстрое и настраиваемое решение – воспользуйтесь видеовиджетом от QForm. С его помощью всего за две строки кода можно добавить видео на сайт или прикрепить его к форме обратной связи. Есть возможность настроить параметры запуска (по событию, либо сразу после загрузки страницы), выбрать вид отображения (в миниатюре в углу экрана или встроенный в тело страницы), добавить кнопку призыва и указать для нее действия.