Looping Video With Text Overlay

Highlighted
Excursionist
12 0 4

True! =)

 


@Jason wrote:

I'll add a little warning in here that you've opted to define a specific section in your CSS. eg: "#shopify-section-1555664398945". If you ever remove and add a new section this custom code will no longer apply. That could be exactly what you want but worth noting in case you wonder why it doesn't work later.


 

0 Likes
Highlighted
Excursionist
12 0 4

I can't find where I accept as solution?? but I'm happy to do it!

0 Likes
Highlighted
New Member
2 0 0

Hello! I am using the Launch theme on shopify and I am having the same issue. I want text overlay to stay on the video once it autoplays and loops, but the text overlay disappears as soon as the video autoplays.

 

0 Likes
Highlighted
New Member
2 0 0

I tried to code the same html as you did with the debut theme to successfully make this work but I can not seem to get it to work. 

0 Likes
Highlighted
Shopify Expert
3321 527 781

Send your store URL

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

I am having the exact same issue, but for the life of me cannot get the video to go to the edges. I have everything else. 

 

I created a custom HTML section on the site and input

 

<div style="padding: 50% 0 0 0; position: relative;"><iframe src="https://player.vimeo.com/video/318291897?autoplay=1&amp;loop=1&amp;title=0&amp;byline=0&amp;backgrou..." style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" frameborder="0" allow="autoplay; fullscreen" allowfullscreen=""></iframe></div>
<script src="https://player.vimeo.com/api/player.js"></script>

 

but cant erase the borders!

0 Likes
Highlighted
Shopify Expert
3321 527 781

You have used i-frame for video, i given solution with video html tag, that support auto play,loop and all.

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

I am having issues with step #4. After Step 3, I cannot get the video to center itself and when i paste the code from step 4 it just shows the very same text I pasted at the top of my store.

 

Please help! Thanks in advance.

0 Likes
Highlighted
Shopify Expert
3321 527 781

Send your store url

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

Add this css in asset->theme.scss file at bottom:

.video-background{    transform: initial;    width: 100%;}
Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes