Как добавить видео из Rutube на сайт

21.05.2024

Как добавить видео из Rutube на сайт

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

Возьмём для примера следующий видеоролик

1. Под экраном ролика есть кнопка "Поделиться". Нажмите на неё
   
   
2. Затем нажмите на "Код вставки плеера"
   
   
3. В открывшемся окне параметров выберите "Показать настройки параметров"
   
   
4. В расширенном окне Вы можете выбрать такие параметры (по размерам, по цвету), которые лучше всего будут смотреть на сайте. После окончания корректировок - нажмите на кнопку скопировать
   
   
5. Для вставки скопированного кода и добавления его на сайт, необходимо выбрать режим вставки HTML кода так, как это показано на скриншоте. После завершения редактирования - нажмите на зелёную кнопку "Сохранить".
   
   
6. Для того, чтобы загруженное видео открывалось на сайте, необходимо в правке страницы в HTML режиме добавить следующий код

   <iframe width="720" height="405" src="https://rutube.ru/play/embed/92b047f14ba2d514da6922632d07f7e4" frameBorder="0" allow="clipboard-write; autoplay" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>

   Где вместо https://rutube.ru/play/embed/92b047f14ba2d514da6922632d07f7e4 необходимо подставить своё видео

После добавления новости - проверьте, как вставленный видеоролик отображается на сайте, корректны ли его размеры