Как встроить (вставить) плеер с видео из видеохостинга Rutube на сайт?
Я помню те времена, когда встраивание видео на сайт было сложной процедурой, во всяком случае, для меня. Нужно было загрузить видео на сайт, хорошо, если оно было одно и небольшого размера (веса), в противном случае видео нужно было оптимизировать (ужать), ведь место на хостинге стоит своих денег, при этом «тяжеловесное» видео грузится дольше, чем иное. На этом история не заканчивается, и требуется подыскать и встроить на сайт видеоплеер и, возможно, «поиграть» с форматами видео... Ладно, о том счастливом времени я могу говорить ещё долго, но сегодня мы с вами собрались по другому поводу, а именно – как встроить плеер с видео из видеохостинга Rutube на сайт.
Как вы могли подметить, встраивание видео со специализированных площадок, в числе которых, к слову, и другие популярные сервисы, например ВК, YouTube и прочие, довольно просто решает все эти «нюансы». Поэтому рассмотрим то, как встроить общедоступные видео из видеохостинга Rutube на ваш сайт.
Первое, что вам нужно сделать – это найти нужный вам ролик и перейти на его страницу для просмотра. Признаюсь, я немного фанат Валерия Кипелова, поэтому покажу все операции на примере видео с ним.
Итак, видео найдено, ссылка на него:
https://rutube.ru/video/2fbeeb29d70119c30125d74ba0adcfe6/Далее нам нужно получить код для вставки. Сделать это можно двумя способами.
Первый (быстрый) – это нажать правой кнопкой мыши на видео и выбрать (нажать левой кнопкой мыши) на пункт «Скопировать код для вставки плеера»:
Второй (расширенный) – это найти и нажать под видео кнопку «Поделиться», а в открывшемся окне выбрать «Код вставки плеера»:
Далее в этом окне вам откроется код для вставки плеера с возможностью копирования (помимо классического копирования, действие доступно нажатием на иконку двух листов в поле и соответствующей кнопки «Скопировать»), а также дополнительные настройки вставки:
По необходимости можете посмотреть и скорректировать настройки вставки нажатием на кнопку «Показать настройки параметров» – там всё, на мой взгляд, интуитивно понятно.
После того, как код для вставки видео из Rutube получен (и скопирован), отправляйтесь на ваш сайт и вставьте его в нужное место. На примере сайта на CMS WordPress это будет выглядеть следующим образом (вставка плеера с видео в панели управления сайтом):
и выводимый результат:
На этом встраивание нужного вам видео на сайт из видеохостинга Rutube завершена. Более подробно о вставке плеера вы можете почитать в официальной справке. Если что-то вам показалась непонятным или требует отдельного подробного рассмотрения – дайте знать в комментариях к данному посту. Также в комментариях я дал небольшие пояснения о том, из чего состоит код вставки видео.
