База знаний

6.2.5 Как вставить видео на сайт-бот (не с YouTube)

Есть площадки, альтернативные YouTube, с которых можно брать видео для вставки в сайт-бот. Например: Vimeo, VK-видео, Ru Tube, Дзен, Платформа.

Для установки видео в бота, на выбранном видеохостинге нажмите под любым видео кнопку поделиться (share) и скопируйте предоставленный код, записанный через iframe.

  • На VK-видео: «Поделиться» - вкладка «Экспортировать» - «Код для вставки».
  • На Ru Tube: «Поделиться» -  «Код вставки плеера».
  • На Дзен: «Поделиться» - «<> Встроить» - «Код публикации».
  • На Платформе: «Поделиться (значок со стрелочкой вверх)» - «<>» - «Копировать».

Далее этот код установите в блок JS-HTML

Вот пример кода: <iframe src="https://player.vimeo.com/video/63514122?h=de1e297d20&color=faca00&title=0&byline=0&portrait=0" width="853" height="480" allow="autoplay; encrypted-media; fullscreen; picture-in-picture;" frameborder="0" allowfullscreen></iframe>

Видео будет отображаться также как и ютуб, но без дополнительных функций - запрет перемотки, автовоспроизведение и т.д.

Пример вставки кода в JS-HTM блок

7b4aa0d3bdc3e810fb625cd93e441e537b4aa0d3bdc3e810fb625cd93e441e53.jpg

Адаптивный код 

Для того, чтобы вставленные видео подстраивались под разные размеры экрана и хорошо выглядели, как с компьютера, так и с мобильного, можно использовать следующий код для вставки в блоки JS-HTML :

<div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;">

<iframe src="https://vk.com/video_ext.php?oid=-220754053&id=456241042&hd=2" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none;" allowfullscreen></iframe>

</div>,

где только часть кода берется с видеохостинга: <iframe src="https://vk.com/video_ext.php?oid=-220754053&id=456241042&hd=2"

3e54c43811f356e44e4f824854c9d3713e54c43811f356e44e4f824854c9d371.png

 

 

Может быть интересно