Чтобы добавить видеоролик, кликните + (W) в левой панели и выберите Video.
Вы можете добавить в проект только видео, уже загруженное на YouTube или Vimeo. Прямая загрузка видеофайлов не поддерживается.
Также на платных планах вы можете добавить видео со сторонних платформ, которые предлагают код для интеграции. Скопируйте предлагаемый код и вставьте его в виджет Code. HTML-тег <video> поддерживается на всех платных планах.
К примеру, вы хотите добавить видео из Dropbox. Для этого откройте Dropbox и скопируйте ссылку для шеринга вашего видео.
Ссылка будет выглядеть так:
https://www.dropbox.com/s/4oryvq13ywcu3jm/video_sample.mov?dl=0
Замените `dl=0` на `raw=1`:
https://www.dropbox.com/s/4oryvq13ywcu3jm/video_sample.mov?raw=1
Вставьте получившуюся ссылку в код, приведенный ниже, затем скопируйте его и вставьте в виджет Code.
<video width='100%' autoplay='true' playsinline='' loop='true' muted='true\'>
<source src='https://www.dropbox.com/s/4oryvq13ywcu3jm/video_sample.mov?raw=1' type='video/mp4'>
</video>
В результате в проекте вы увидите зацикленное видео, которое занимает весь контейнер виджета, воспроизводится автоматически и без звука. HTML-параметры можно изменить: video_width, autoplay, muted, video_poster и т.д.
Обратите внимание, что некоторые платформы не предназначены для проигрывания потокового видео, и время загрузки может оказаться неоптимальным. Из-за этого на воспроизведение вашего видео может уйти несколько секунд.
Настройки
В настройках видео можно включить автовоспроизведение (Autoplay), зациклить видео (Loop) или отключить звук (Mute). Чтобы добавить обложку для видео, включите настройку Thumbnail и загрузите изображение. У роликов, размещенных на Vimeo, вы можете также изменить цвет названия и элементов интерфейса.
Запускать или останавливать воспроизведение видео можно также при помощи триггеров анимации:
Чтобы кастомизировать кнопку запуска, панели таймлайна и другие интерфейсные элементы, используйте виджет Code.