Youtube element

42 views Anh 1

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

About Youtube Video element

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

pagefly youtube element

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

Youtube element configuration

The Youtube Video element comes with plenty of different parameters allowing you to fine-tune content appearance reaching the best possible conversion rate.
Select the Youtube Video element to see its parameters.

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

General tab’s parameters
  • Youtube Video URL: The full URL of your Youtube video.
  • Display Ratio: Select the video ratio display 4:3 or 16:9.
  • Show Controls: Show / Hide video uploader’s portrait.
  • Enable Loop: Video plays constantly non-stop in a loop.
  • Enable AutoPlay: Turn on / off the autoplay feature.
  • Mute Video: Turn on / off the video’s sound.
  • Start at: Customize your Youtube video start time .
  • End at: Customize your Youtube video end time .
2. ATTRIBUTESThis is a parameter that all elements have. You can read more here.
3. VISIBILITYThis is a parameter that all elements have. You can read more here.
4. ANIMATIONThis is a parameter that all elements have. You can read more here.
Styling tab’s parameters
1. SPACINGYou can read about the SPACING parameter here.
2. BORDERYou can read about the BORDER parameter here.
3. CUSTOM CSSYou can read about the CUSTOM CSS parameter here.


  • Do not use the HTML Video element or “Youtube embedded” code, if you do that the video won’t be responsive on mobile/tablet devices. The embedded code has a fixed width dimension and it will break the responsive layout.
  • Keep in mind that the AutoPlay feature works only when the Mute feature is also enabled, due to Youtube’s new API about autoplay. AutoPlay also won’t work on tablet/mobile devices because of the default mobile operating systems.

Was this helpful?

Start your free 14-day trial
of PageFly
Don’t have Shopify store yet? Create store