Custom HTML Video CSS

jtdesign
Shopify Partner
35 0 5

Hi All, 

I've finally found a way to integrate a shopify hosted video using the Custom HTML section in Narrative Theme 

I'm missing some CSS I guess to make it a hero responsive section. 

I would love if we could add an overlay text as well. 

https://selliaoliveoil.myshopify.com/

password 2021

Thanks for the insight. 

Michael 

 

 

KetanKumar
Shopify Partner
22475 2277 8365

@jtdesign 

sorry for that issue can you please share issue image

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
jtdesign
Shopify Partner
35 0 5

screenshot.jpg

 

Here is the code I've added in the custom HTML section 

<video class="video-background" loop="" muted="" no-controls="" autoplay="" src="https://cdn.shopify.com/s/files/1/0576/3488/1745/files/intr-sellia-web.m4v?v=1624183547" playsinline="" style="transform: scale(1.27563, 1.27563);">
<source type="video/mp4" src="https://cdn.shopify.com/s/files/1/0576/3488/1745/files/intr-sellia-web.m4v?v=1624183547">
</video>

 

0 Likes