About the Video element
Unlike version 6, the latest version of the editor combines various video elements, such as YouTube and Vimeo, into a single Video element.
With this updated feature, users can easily showcase videos from multiple sources and customize them to quickly capture their customers’ attention.
From the GemPages Dashboard, open a template to edit. You can quickly find the Video element on the left sidebar of the Editor, under the Media section. Drag & drop the element to any position you prefer.
Clicking on the Video element, the configuration will be available on the left sidebar, which will be covered in the following sections.
Configure the Settings Tab
Video URL
Video Source: Select a video source from the available options, which include YouTube, Vimeo, and HTML5 video, by using the drop-down menu. Then, enter the corresponding video link into the designated box.
Video thumbnail
A video thumbnail is a static image used as a preview for your video. You have three options for uploading your video thumbnail:
- Change Image: Simply hover over the image and select “Change Image.” This enables you to select an image from your computer and upload it.
- Browse Gallery: You can choose an image from the gallery, which includes all of your previously uploaded images.
- Source: This option allows you to provide the image link directly.
Ratio: Choose a preferred ratio for your thumbnail from the drop-down menu.
Options
Autoplay: Toggle this switch to enable automatic video playback.
Enable sound: Switch on to activate the audio of the video.
Loop video: The video will play from start to finish and then restart from the beginning.
Show control bar: Choose whether to display or hide the video control bar on the preview/live pages.
Lazy load: Turn on/off the Lazy load feature for the video. For more information about this feature, check out this article.
Starting and ending time
Start video at: Choose the starting point for your video.
End video at: Choose the ending point for your video.
Configure the Advanced Tab
For more advanced customization, please navigate to the Advanced tab and follow the instructions in this article.
And there you have it! If you need any further assistance along the way, our GemPages Support Team is always here for you!