Adding .mp4 video to product page (debut)

rugsrusonline12 · ‎09-20-2023

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,

suyash1 · ‎09-20-2023

@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 | Contact me - suyash.patankar@gmail.com

rugsrusonline12 · ‎09-20-2023

Thank you Suyash, can you explain a bit more?

Can I insert code here?

And what do you mean 'all the pages'?

suyash1 · ‎09-20-2023

@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 | Contact me - suyash.patankar@gmail.com

rugsrusonline12 · ‎09-20-2023

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

suyash1 · ‎09-20-2023

@rugsrusonline12 - please check this link

To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com

rugsrusonline12 · ‎09-20-2023

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

<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 · ‎09-20-2023

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

To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com

saniaaa · ‎05-02-2024

Go to your Shopify theme editor.
Add a new section where you want the video.
Embed your uploaded video using HTML5 video tags.
Add autoplay and loop attributes to make it autoplay and repeat.
Save and test your changes.