Как встроить видео rutube на сайт, где взять код видеоролика с rutube.ru для публикации на сайте?
Подробно о коде видео rutube на сайт.
- Как встроить видео rutube на сайт
- Дополнительные настройки кода видео rutube на сайт
- Установки разрешения видео кода видео rutube на сайт
- Установка видео кода видео rutube на сайт посередине
- Установка времени запуска кода видео rutube на сайт
Как встроить видео rutube на сайт
Для того, чтобы вставить "видео rutube на сайт" вам потребуется:
Заходим на официальный сайт https://rutube.ru/
Справа вверху ищем ваш аватар(если есть) либо аватар по умолчанию - нажимаем.
Перед вами откроется новое окно - ищем строку - "мой канал".
Внутри вашего канала rutube - выбираем то видео, которое хотите встроить на сайт:
Под видео ищем строку "поделиться" -= нажимаем, в новом окне ищем строку "код вставки плеера".
В новом окне мы видим код видео rutube для вставки на сайте(Ниже есть дополнительные настройки встраивания кода видео rutube на сайт!):
Дополнительные настройки кода видео rutube на сайт
Какие есть Дополнительные настройки кода видео rutube на сайт. Выше я рассмотрел, как добраться до кнопки и кода "вставки кода видео на свой сайт с rutube" и далее давайте продолжим:
Установки разрешения видео кода видео rutube на сайт
Вы добрались до кнопки дополнительные настройки видео кода с rutube
В новом окне есть кнопка выбора размера видео кода вставки rutube, давайте выберем минимальный размер видео 304..., после этого кликаем по полю с iframe и видим, что вставки видео скопировался в буфер обмена:
Теперь вставляем полученный прямо сюда:
Пример вставленного видео кода на сайт с rutube
Как видим наш код замечательно встроился на сайт.
В связи с тем, что пришлось вставлять несколько видео... загрузка стала тормозить.
Поэтому... все, что описано выше проделаем на отдельной странице примере...
Нажмите по примеру кода видео ниже...
Вы видите, что код с rutube разместился слева... это не очень!
Давайте поставим плеер rutube посередине.
Установка видео кода видео rutube на сайт посередине.
Как вы увидели выше на примере, что код вставки видео выдал на экране плеер слева!
Как поставить преер rutube на сайт посередине.
Для того, чтобы поставить преер rutube на сайт посередине вам потребуется:
Добавим в код... пусть это будет id
Добавим этому id стилей:
<style>
iframe#center {
margin: auto;
display: block;
}
</style>
Смотрим результат установки плеера rutube на сайт посередине.
Установка времени запуска кода видео rutube на сайт
Для того, чтобы видео с rutube на сайте запускалось по установленному времени вам потребуется:
Добраться до кода вставки на сайт
Устанавливаем галку на начинать воспроизведения с...
Ниже в поле ввода вставляем тот время с которого должно начинаться воспроизведение видео, давайте для примера запустим видео с 30 секунды...:
