To embed an online video on your page click + (W) in the left dock and select Video.
You can add videos from YouTube or Vimeo. Direct upload is not supported for video files.
However, on paid plans, you can add videos from other platforms that offer an embed code. Copy the code and paste it into our Code widget. The <video> tag is supported on all paid plans.
For example, you can add a video uploaded to Dropbox. First, open your Dropbox and find the sharing link for the video you’d like to use.
Your sharing link should look something like this:
https://www.dropbox.com/s/4oryvq13ywcu3jm/video_sample.mov?dl=0
Replace `dl=0` with `raw=1`:
https://www.dropbox.com/s/4oryvq13ywcu3jm/video_sample.mov?raw=1
Replace the link in the code below with your intended link, then copy the code and paste it into the Code widget.
<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>
A video embedded with this code will fill the entire widget container. It will also be auto-played, muted, and looped. You can alter the following HTML attributes depending on the desired effect: video_width, autoplay, muted, video_poster, etc.
Please keep in mind that some platforms were not specifically designed to stream videos so the loading time might not be optimal; which means it could take a few seconds for your video to start reproducing.
Settings
You can activate Autoplay and Loop, as well as mute your Video, under Settings in the widget controls. To add a custom cover, enable Thumbnail, and upload an image. For clips from Vimeo, you can additionally alter the color of the title or video player controls.
You can also play and pause the Video widget using animation triggers:
Use the Code widget to customize a play button, timeline bar, or other interface elements of the video player.