Re: Custom HTML Video CSS

jtdesign · ‎07-11-2021

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 · ‎07-11-2021

@jtdesign

sorry for that issue can you please share issue image

If helpful then please Like and Accept Solution. Partnership of your ☕️ Coffee Tips and my code can bring miracles.
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

jtdesign · ‎07-11-2021

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>

Re: Custom HTML Video CSS

How can I make a custom HTML video responsive in Narrative Theme?

Community Blog Articles