Craft Theme: how to embed and auto-play video on homepage

Shopify Discussion
1

Hello! I’d appreciate any help or guidance from all of you.

I created an mp4 video and uploaded this in settings already.

Can someone please guide on how to embed the video and autoplay in the homepage? I prefer not to use youtube or vimeo to host the video..

I’ve seen plenty of posts/discussion but not specifically for Craft Theme. Thank you

2

Hello @songhitsatbp_ph ,

I would like to give you some recommendations to support you:

  1. Upload the video to the Shopify File

GemPages_0-1669105880200.png
GemPages_0-1669105880200.png1919×935 116 KB

  1. Open Theme Setting > Add section > Custom Liquid

GemPages_1-1669105986001.png
GemPages_1-1669105986001.png1915×962 94.3 KB

  1. Add the below custom code to the Custom Liquid field (let’s add your video URL to replace my demo URL)

GemPages_2-1669106165023.png
GemPages_2-1669106165023.png1915×963 276 KB

If you require any further information, feel free to contact me.
Best regards,
GemPages Support Team

3 Likes
3

OMG thank you so much, you’re a legend!!! It works perfectly and thanks for the help :blush:

1 Like
4

OMG this is super amazing, you’re a legend! Thank you, I’m sure this will help other Craft users as well :slightly_smiling_face:

1 Like
5

Hello @songhitsatbp_ph ,

I do appreciate your compliment!

Your kind words have just made my day.

Best regards,
GemPages Support Team

6

Hello, I’ve found this quite helpful as well, but I’m trying to also scale down my video because having it go all the way to the edges looks horrible on a pc, but doing that left justifies the video. Is there a way to center it?

7

thank you so much for this. so usefull!

can you please tell us how to hide video controls? like play button, full screen or play bar?

thanks in advance