The Video Element lets you add and stream video directly on your funnel and website pages. You can embed a hosted video you upload yourself or link an external hosted video (such as a YouTube or Vimeo embed). The hosted video player gives you a polished playback experience, fine-grained control over player behavior, and the ability to track how far each viewer watches so you can trigger workflows automatically.
The hosted video player supports:
A clean interface to upload, change, and remove videos.
Multiple playback qualities (480p, 720p, 1080p, and Auto).
Adjustable playback speed (0.5x, 0.75x, 1x, 2x).
Picture-in-Picture (PiP) playback.
Show or hide playback controls, the full-screen option, and pending time.
Show or hide the progress bar and disable seeking within a video.
Enable or disable autoplay.
Videos up to 4 GB in all major formats.
Support in all major browsers.
Follow these steps to upload and embed a hosted video on a page.
In the page builder, add a Video Element to your page.
Click the Video Element, open Video Settings on the left, and scroll down to Video Type. Choose Hosted Video.
Click Select Video to open your Media Library.
If the video you want isn't already in your library, click Upload to add it.
Note: The video can be in any mainstream video format as long as it is under 4 GB.
Once the upload finishes, double-click the video file to begin encoding it.
Note: Encoding is required for video progress tracking and for viewers to choose between multiple playback qualities. Raw (un-encoded) videos can only play in a single quality. If encoding fails, you can retry by reselecting the video. Any video that stays in processing for more than a day is automatically marked as failed.
Under Video Settings > Playback Controls, you can fine-tune how the player behaves for your viewers.
Enables or disables automatic playback when the page loads.
Note: Under current autoplay regulations, autoplaying videos on iOS, Safari, Chrome, Android, Firefox, and Edge must start out muted. This policy is set by the browser manufacturers, and all video hosting services must follow it. Some browsers use a viewer's media engagement history to decide whether a video may autoplay with sound (typically only on desktop, and only for viewers who play media on your site regularly). Videos that are not autoplayed start unmuted.
Shows or hides the play and pause controls for the viewer.
Lets viewers change the playback speed (0.5x, 0.75x, 1x, 2x).
Displays the remaining (pending) time as the video plays.
Shows or hides the full-screen button in the player.
Shows or hides the progress bar. When the progress bar is hidden, viewers cannot seek forward or backward in the video.
If someone lands on your video page directly by URL and is not yet a contact in the system (they haven't submitted their name and details through an opt-in form), your video progress-tracking workflow has no contact to attribute the view to. In that case the workflow would only add blank leads to itself, giving you no useful stats.
To avoid this, turn on Redirect Unregistered Visitors to send those visitors to another page with an opt-in form first. Once they fill in their details, they're brought back to the video. The redirect sends visitors to your designated page without any cookies attached, so no prior information about them is carried over.
If a visitor does not allow your site to set cookies in their browser, this redirect may not work. Be sure to specify which step or page you want to redirect them to.
You can track how far any visitor watches a hosted video on your funnels and websites, then trigger a workflow once they reach a set completion percentage.
Encode the video. A video must be encoded before it will appear in the filters available for a video-tracking workflow trigger.
Turn off Show Progress Bar. Disabling the progress bar in the Video Element settings prevents viewers from skipping forward or backward, which keeps progress tracking accurate.
Set up a redirect for unregistered visitors so every tracked view is tied to a known contact.
Create a workflow that uses the video-tracking trigger, select your encoded video, and set the completion percentage that should start the workflow. When a viewer reaches that threshold, the workflow fires and can send a follow-up, apply a tag, notify your team, or take any other action you configure.
Note: The accuracy of video tracking depends on turning off the progress bar. Leaving it toggled on lets viewers seek within the video, which interferes with the accuracy of the workflow's tracking.
If your video appears as "encoded" in the Media Library but can't be selected when embedding it on a page, try the following:
Wait a few minutes. Encoding may still be completing in the background, even if it appears finished.
Refresh the page. Reload the page builder or Media Library to see if the video becomes available.
Retry encoding. If the issue persists, reselect the file in the Media Library to prompt a new encoding attempt.
Check file format and size. Make sure your video meets the supported media requirements, including a supported format (such as .mp4) and a size under 4 GB.
