NOTE: Make sure that the video you are adding is set to be public in order for it to be available to your page visitors.
The first step in adding a video is clicking on the "Video" button:
Click on the video, and this will open the menu on the right:
On this side, you will be able to add the link to your video, add a title for accessibility purposes as mentioned here: https://d.pr/sZzHoB, and enable whether you want it to autoplay and have a progress bar or not. You can also change its position just by changing the numbers above without having to drag the video on the page.
Link: You can paste the URL of the video in the field. Supported platforms: YouTube, Vimeo, Wistia.
Video title: Here you can add your video title. We recommend giving it the same name as the actual title of the video.
Progress bar: With YouTube videos, you have the option to hide or show the bar at the bottom of the video. Removing it can add to the visual appeal of your video and keep watchers more focused.
NOTE: Videos added from Vimeo do not have the progress bar available.
Auto Play: If you check this option, the video will play automatically when the page is accessed, but it will be muted by default. The page visitor can unmute it manually if they wish to do so, as long as the progress bar is visible.
! If you want to add the URL of a YouTube Shorts video, you can do that, but not by copying the URL from the address bar. You will need to copy the YouTube short's ID and then replace the existing video YouTube link of our video element in the format youtu.be/videoID. Please refer to the video below for a demonstration:
If your video is not hosted on YouTube, Vimeo, or Wistia, you can still add it to your page using the HTML element feature, as seen in our article here: https://d.pr/KcZUIE. It's important to note that the video needs to be hosted on an external platform, as it cannot be uploaded directly as a file. This ensures the video can be properly embedded through code.
Embedding YouTube videos in an HTML Element
You can embed YouTube videos by pasting the embed code of your YouTube video into an HTML element on the page. To find the embed code, right-click on the video in YouTube and select Copy embed code.
Next, paste the code into your HTML element.
If you wish to loop the video, make sure to append ?loop=1&playlist=VIDEO_ID&autoplay=1&mute=1 to your video URL, as seen below.
So if the original embed code is, for example:
<iframe width="958" height="539" src="https://www.youtube.com/embed/2Zg9hPJ-L5o" title="Revolutionize Your Landing Pages with Instapage" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
The appended part will be inserted after the video ID, and the code will now be:
<iframe width="958" height="539" src="https://www.youtube.com/embed/2Zg9hPJ-L5o?loop=1&playlist=2Zg9hPJ-L5o&autoplay=1&mute=1" title="Revolutionize Your Landing Pages with Instapage" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
Note: You can remove mute=1 to unmute the video, however, Autoplay will be restricted in this case.