HTML Editor- Video Embed Plugin

The Video Embed plugin allows you to easily embed videos directly into the HTML of your demos. The goal with this plugin is to remove the need for editing the HTML directly and give you an easy to understand interface for embedding a video. This is separate from the video embed functionality in guides but you'll see similar features in both. (i.e. autoplay)

Plugins allow you to add editing tools on an as needed basis to keep the HTML Editor as easy to use as possible. If you would like to add this plugin to your Editor, open a support ticket via [e-mail].

Follow the instructions below to use the Video Embed plugin:

1. Select an element on the screen you'd like to replace with a video. You can use the Navigator to help you get specific about which element you'd like to replace. This can be helpful when you have multiple layers of html elements that overlap.

   

2. Click on the ellipsis (...) button to open the contextual menu and then click on the Video Embed button.

   

3. You have two options for video uploading. "Browse Videos" will let you choose any video from your device library (MP4/WebM). Or you can enter a URL for a direct-embed link.

   Youtube, Vimeo, and Google Drive do not provide direct embed video URLs. We recommend using the local file upload for these videos.

   

4. After selecting a video, you'll be brought to the video settings window. You can hit the "x" in the top right of the video window to go back to the video selection window. Below the video preview window, you'll see the assests URL for the video you've selected. You can copy this and use this directly in the URL if you'd like to do this process manually. Make sure you name your video or keep the default name and then press the "Save" button to add it to the demo.

   Option	Description
   Video Name	Give your video a name so it’s easy to identify in the editor.
   Video URL	Paste a direct link to a video file (like .mp4 or .webm).
   Autoplay	The video will start playing automatically when the screen loads. Most browsers require the video to be muted for autoplay to work.
   Controls	Adds playback controls like play, pause, volume, and fullscreen.
   Muted	Starts the video with sound off. Often required for autoplay to work in browsers like Chrome and Safari.
   Loop	The video will automatically restart after it finishes.
   Size (Fit Mode)	Choose how the video fits inside its container: • Contain – Fits the entire video inside the container, adding padding if needed. • Cover – Fills the container completely, cropping if needed. • Custom – Set an exact pixel width and height.
   Custom Width	(Only if "Custom" is selected) — Sets the width of the video in pixels.
   Custom Height	(Only if "Custom" is selected) — Sets the height of the video in pixels.

   

5. If you'd like to remove the video and restore the replaced HTML, you can click on any of the highlighted elements below to bring the video embed editor window back up. Use the trash can in the bottom left to remove the plugin.

   

   

   Note: Most modern browsers restrict autoplay behavior. Videos set to autoplay may not start playing automatically unless the user has interacted with the page (such as clicking or scrolling).