База знаний
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 блок
Адаптивный код
Для того, чтобы вставленные видео подстраивались под разные размеры экрана и хорошо выглядели, как с компьютера, так и с мобильного, можно использовать следующий код для вставки в блоки 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"
Может быть интересно
-
Статьи
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-