Adding .mp4 video to product page (debut)

rugsrusonline12
Excursionist
29 0 5

To whom this may concern, 

 

I am trying to add short videos onto a product page on my website. This is not a youtube video, but a video I created and has been uploaded to shopify. So far, I cannot find an option for this - I'm assuming it might require some code.

 

Ideally, what I would like is to use a multirow section and add my video to that, on loop and autorepeat. How can I achieve this? I am using debut theme.

 

Thanks for your help in advance,

 

 

Capture383 (1).PNG

 

Replies 8 (8)

suyash1
Shopify Partner
9197 1145 1492

@rugsrusonline12 - you can use custom html/liquid section to add video using html code

 

Please note - this video(s) will be visible on all the pages.

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Paranormal story video using AI
rugsrusonline12
Excursionist
29 0 5

Thank you Suyash, can you explain a bit more? 

 

Can I insert code here? 

 

And what do you mean 'all the pages'?

 

Capture393.PNG

suyash1
Shopify Partner
9197 1145 1492

@rugsrusonline12 - no no in there... this section is image with text... click on add section and check if you have html/liquid section

 

if vide is added to one product page, then it will be shown on all the product pages a shopify uses shared templates

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Paranormal story video using AI
rugsrusonline12
Excursionist
29 0 5

Okay, thanks - what code to I need to add for the video to show?

suyash1
Shopify Partner
9197 1145 1492

@rugsrusonline12 - please check this link

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Paranormal story video using AI
rugsrusonline12
Excursionist
29 0 5

Thank you very much, where do I add the code for the video?

 

<html>
<body>

<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>

</body>
</html>

suyash1
Shopify Partner
9197 1145 1492

@rugsrusonline12 - add only video tag to custom html/liquid section, do not need other part

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Paranormal story video using AI

saniaaa
Visitor
3 0 0
  1. Go to your Shopify theme editor.
  2. Add a new section where you want the video.
  3. Embed your uploaded video using HTML5 video tags.
  4. Add autoplay and loop attributes to make it autoplay and repeat.
  5. Save and test your changes.