You can add videos to your website by using two types of elements:
Video element – supports YouTube and Vimeo videos
Embed code element – allows embedding any kind of video using iFrame codes
Video element
Within the editor, expand the Add elements panel on the left. Select the video element, and drag and drop it anywhere on your website:
Click on the element to see more options (edit, duplicate, delete, resize):
Click Edit video to make more changes:
Toggle other settings: autoplay, loop, show video controls
NOTE: If the option Show video controls is disabled, Vimeo videos won't play on mobile devices; to play Vimeo videos on mobile devices, enable the options Show video controls or Autoplay
How to add YouTube Shorts
To add a YouTube Shorts video, you'd need to slightly modify the link of the video, which would normally look like this: https://youtube.com/shorts/video-id?feature=share
.
Replace the part /shorts/
with /watch/
or /watch?v=
(it depends on the video itself) in the URL like so:
https://youtube.com/shorts/video-id?feature=share
.
⬇️
https://youtube.com/watch/video-id?feature=share
or
https://youtube.com/watch?v=video-id?feature=share
NOTE: With the help of the embed code element, you can embed videos and playlists from YouTube 💡
Troubleshoot unavailable YouTube videos
If your YT video is unavailable, it's most likely because you use a shortened YouTube URL, e.g., https://youtu.be/video-id
.
To fix it, change the beginning of the URL to this: https://www.youtube-nocookie.com/embed/video-id
. For example:
https://youtu.be/video-id
⬇️
https://www.youtube-nocookie.com/embed/video-id
Embed code element
With the help of embed code element, you can display any kind of video on your website: all you need to do is have an iFrame code of the video.
For example, to add a video from your local device, follow these steps:
1. Upload your video to Google Drive or any other cloud file storage.
2. Get an iframe code for that video. For Google Drive, follow these instructions.
3. Add an embed code element to your page and insert the iFrame code:
NOTE: Using the embed code element, you can also add Facebook videos