What's your biggest current challenge? Have your say in Community Polls along the right column.

Background video on password page Dawn 7.0.1

Background video on password page Dawn 7.0.1

scotticus
Excursionist
42 0 6

Hello,

I would like to be able to use my background video behind the email sign up. How do i do this?

 

https://kilvay.com/

 

Current code for background video:

 

<style>

video {

display: block;
margin: 0 auto;
width: 100%;
height: 50%;

}
@media (max-width: 749px) {
.small--hide {display: none !important;}
}
@media (min-width: 750px) {
.medium-up--hide {display: none !important;}
}

video.small--hide{
height: 100vh !important;
object-fit: cover !important;
position: fixed !important;


}
</style>

{% comment %} Desktop Show {% endcomment %}


<a
href="https://kilvay.com/collections/frontpage"><video class="small--hide" autoplay="" loop="" playsinline="" muted="">
<source src="https://cdn.shopify.com/videos/c/o/v/951e63076ead447ba472b5aad21f0093.mp4">
</video></a>
<source src="https://cdn.shopify.com/videos/c/o/v/2fb13b5f6705424098356fed48555fc0.mp4">
</video>

{% comment %} Mobile Show {% endcomment %}

<source src="https://cdn.shopify.com/videos/c/o/v/951e63076ead447ba472b5aad21f0093.mp4">
</video></a>
<a href="https://kilvay.com/collections/frontpage"><video class="medium-up--hide" autoplay="" loop="" playsinline="" muted="">
<source src="https://cdn.shopify.com/videos/c/o/v/2fb13b5f6705424098356fed48555fc0.mp4">
</video>

Replies 0 (0)