Looping Video With Text Overlay

Jasoliya
Shopify Expert
4208 569 1031

Hi @Farro 

For that we have to make custom video section, you can hire someone or Pm me.

We have to do video section for that and all other information will keep as it is. 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Hausofcircuit
New Member
3 0 0

Thank you @Jasoliya so much for the code and it works quite well on narrative theme. But could you have a look at my site ? The video still have no audio when turn on volume on mobile , and if I removed “muted” in the video tag  the video will not playing at all.

0 Likes
Hausofcircuit
New Member
3 0 0

Sorry forgot to put the link to my site  shop.hausofcircuit.com

0 Likes
Jasoliya
Shopify Expert
4208 569 1031

Try to add this video code:

<video class="video-background" loop="" no-controls="" autoplay="" src="https://cdn.shopify.com/s/files/1/0435/3694/1223/files/HOC_Website_Video.MOV?v=1609871822" playsinline="" style="transform: scale(1.27563, 1.27563);">
<source type=" video=" mp4="">
</video>
Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Hausofcircuit
New Member
3 0 0

hi @Jasoliya I have tried the code you gave but the video stops at the first frame and won’t loop. I noticed if I put back “ muted=” in the code the video plays again but no audio 🤦🏻‍

0 Likes
eosei
Tourist
5 0 4

Hi just a quick question, does this code apply to any custom section? #shopify-section-1555664398945

Managed to get the video on the page but it is not replacing the header picture.

 

Thanks appreciate any help.

teairascloset
New Member
2 0 0

Hi! I can't seem to get that second code to work. Where are we putting it?

0 Likes
Jasoliya
Shopify Expert
4208 569 1031

Which code do you mean? send store url also 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
SSJKaito
New Member
7 0 0

Hey!

 

I'm really happy with the way my video turned out (custom HTML), but there's one thing I can't seem to "fix":

The video size on phone and iPad.

On my laptop, thus, the web view is perfect and the video is fully extended to the corners as I wished it to be. It also autoplays, loops, is muted and I managed to remove the controls.

But the resolution/size on other devices is not ideal since the real interesting part (the television screen) isn't shown on mobile. 

 

iPad:

iPad.PNG

 

 

iPhone:

iPhone.PNG

 

 

Web:

Web.png

 

 

I hope you can help somehow!

Thanks so much for your time, have a nice week and stay healthy!

 

Kind Regards,

Dennis 

0 Likes
Jasoliya
Shopify Expert
4208 569 1031

Send your store url will check

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes