Сейчас не у всех есть возможность просматривать видео с YouTube онлайн.
Посмотрим - как встроить на сайт или в блог видео с Rutube.
Плеер с видеороликом добавляется в текст статьи или на боковую панель.
В Blogger можно напрямую видео вставлять с YouTube. С видеохостингом Rutube так не получится.
Как добавить видео с Rutube в Blogger
Под видео справа нажать на три точки:
Затем выбираем "Поделиться":
В появившемся окне нажимаем на кнопку "Код вставки плеера":
Далее можно сразу скопировать код:
В сообщении в Blogger переходим в режим HTML:
В результате в плеере можно не только менять скорость видеоролика, но и копировать ссылку на видео и код для вставки плеера.
Посмотрим еще настройки плеера на самом Rutube.
Здесь можно поменять цвет кнопки Play:
Также можно здесь настроить размер плеера. Но чтобы плеер отображался на сайте без ошибок - указывайте ширину от 320px и высоту от 180px.
Но можно еще и в самом коде размер плеера менять.
В этом коде: <iframe width="320" height="180" src="https://rutube.ru/play/embed/1cc76e02ef1c31d33b19f98586fdce76/?skinColor=5E35B1&t=165" style="border: none;" allow="clipboard-write; autoplay" allowFullScreen></iframe>
width="..." - ширина, height="..." - высота.
Цвет кнопки Play и строки проигрывания видео тоже меняется вручную в параметре skinColor=
Значение цвета можно посмотреть в таблице кодов.
Как добавить видео с Rutube на боковую панель сайта на Blogger
Код видео с Rutube можно встроить не только в текст статьи сообщения, но и на боковую панель или в нижнюю часть блога (если в шаблоне гаджеты (виджеты) есть в "подвале").
Все шаги те же, также копируем код видео.
Далее заходим в настройки Blogger и в пункте "Дизайн" на схематичном изображении шаблона блога добавляем новый гаджет HTML/JavaScript:
И в поле гаджета вставляем код видео.
Плеер будет встроен со всеми функциями. Пример на скриншоте:
Комментариев нет:
Отправить комментарий