HTML Video element

In this article, you will learn about the HTML Video element and how to use it.

About HTML Video elementClick to copy

The HTML Video element is designed to make your page more attractive in order to increase the conversion rate. You can use this element to share a video on your website or blog.

Before jumping to the detailed steps, you can watch this video below:

Access the HTML Video element

Step 1: Click on the Plus icon which is the Add element function

Step 2: Click on the HTML Video element in the dropdown menu

Step 3: Drag and drop the element you want into the page editor and then start using it.

html video

Drag this element to your layout and see how it can be configured.

HTML Video element configurationClick to copy

This element comes with plenty of different parameters allowing you to fine-tune content appearance reaching the best possible conversion rate.

html video

The parameters in the General and Styling tabs are specific for this element.

General configuration

HTML Video URL:  Upload a video or embed a URL, just keep in mind the file size must be less than 10MB. Only supported video formats: MP4, WebM, and Ogg.html video
Video Size: Edit the size of your video with two options: Full Width or Custom Sizehtml video
Show Controls: Show the video player control.html video
Enable Loop: Video plays constantly non-stop in a loop.html video
Enable Autoplay: Turn on/off the autoplay feature.

Please keep in mind that the autoplay function might not work in case:

  • If the user configured his browser to prevent that action or parameter “Mute Video” from being turned off.
  • If the users use the iPhone with Low Power Mode and access your website by Safari browser, the Enable Autoplay feature will be not activated.
html video
Mute Video: Turn on/off the video’s sound.html video
Cover Image Source:  You can choose an image cover for the video.html video

Styling configuration

You can check more information about the Styling tab here

Check the video tutorial below

If you have further questions, please join our community. This community is exclusive for PageFly merchants only with our experts and merchants from all around the world!


Navigate this category

PreviousPrevious article

Next articlePrevious

Thank you for your feedback!

Could not find the answer
to your question?

Chat with us
PageFly Languagues

PageFly Help Center is now available in Chinese, French and Japanese. Please check the flags on the page header.

I got it!
Start a free trial and enjoy 3 months of Shopify for $1/month. Sign up now