• Video Tutorial
  • GemPages Forum
Start For Free
  • Video Tutorial
  • GemPages Forum
homeElements[V7] Video element
homeElements[V7] Video element

[V7] Video element

This article will show you how to display a video with the GemPages new editor version.

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. 

Please be aware that certain browsers have implemented restrictions on autoplay. In such cases, your video will return to the thumbnail image, requiring viewers to manually click play to initiate 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!

You can reach us via email or live chat at any time.

Was this helpful?

Yes  No
Related Articles
  • [V7] Comparison Image
  • [V7] Custom Code element
  • [V7] Shopify App element
  • [V7] Sticky Cart element
  • [V7] Contact form element
  • [V7] Product Tag
footer logo
  • Changelog
  • Privacy Policy
  • Terms of Service
  • Community
  • Video Tutorial
© 2017-2023 GemPages. All rights reserved.
Popular Search:Responsive design, Transfer content, Custom code