Centered Video with Texts

Centered Video with Texts

Log in or Sign up to ensure access to purchased code across multiple devices.

How to see the code

1. Please log in/create an account first. This is to ensure that all purchases are connected to an account and can be viewed on different devices.

2. Purchase the code using the "purchase box" on the specific page of the desired code.

3. After the purchase, please refresh the page.

Compatibility: Any Shopify themes, work best on  Shopify 2.0 FREE themes  

Add a video with text section in your Shopify website. You can choose your video source from youtube, vimeo or even internal source. I added a video container radius as well.

Please be reminded, due to browser policy, video will be muted when autoplayed. Please see policy here. Some CSS styles might vary depending on the theme. 

Make sure to adjust the video size. On this section, it is recommended to use a 2/3 aspect ratio sized video.

Check DEMO store here 💻. Password: made4uo

If you want to have one video and a text, you can use this section instead here.

 What you are buying:

  • Video is at the center with 4 texts containers on each side
  • Video section that accepts internal and external source
  • Well written code with NO external library being use
  • Able to control autoplay, looping, show/hide controls
  • Able to add poster (cover image) when using an internal source video
  • Able to resize the video height and width using aspect ratio
  • Support WebM video type for internal source video ONLY

What makes our code better:

  • We do not use external libraries, with that being said, our code will have no to minimal effect to your website's speed performance
  • We do not leave or add codes use to advertise for our website
  • Our code is mobile friendly

Any issues related to the code will be fix with no additional cost, excluding code customization requests. Simply contact us with "Chat with us."  We are just a button away. 

To start:

1. Go to your Admin store > Themes > Actions > Edit code.

2. Open the Sections folder and click "Add a new section." You can name it whatever you want.

3. Replace the default code from the newly created section with the code below. Then click "SAVE.

4. Add the section using the theme editor, and find the Centered Video With Texts.


That's it (",)

Back to blog

Leave a comment