How can I add an auto-play video banner to the Sense theme?

[Ben_Neorai_Gate]

Hey,

How can I add a video banner or a video in the background (that will play and run automatically) in my store?

I'm running the Sense theme. This is my store: https://asade.co.il

Thanks guys

[EBOOST]

Hi @Ben_Neorai_Gate 

May I suggest to update code these steps:

1. Go to Store Online-> theme -> edit code

2. Layout/theme.liquid
3. Add code below to bottom of file and before </body> tag

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
    <script>
    	$(document).ready(function(){
    		if($('button.deferred-media__poster').length > 0){
    			$("button.deferred-media__poster").click();
    			$(".product__media-item video").on("loadeddata", function() {
    			  	var video =  $(".product__media-item video").get(0);
    				video.play();
    			});
    		}
    	});
    </script>
    <style>
     .featured-product .global-media-settings:after {
     	display: none;
     }
    
    @media screen and (max-width: 749px){
    	.featured-product .product__modal-opener.product__modal-opener--video {
    		display: none!important;
    	}
    	.featured-product .deferred-media {
    		display: block!important;
    		width: 100%;
    	}
    }
    
    </style>

 4. sections/video.liquid

5. Add code like the screenshot below

5.1 Youtube add param "&autoplay=1"

5.2 Vimeo add params "?autoplay=1&loop=1&autopause=0"

[Ben_Neorai_Gate]

Thank you, but it is not working

[tapita]

Hi!

Are these type of video backgrounds what you want to achieve?: https://pwacart.com/pages/background

You can add a video background like these easily using Tapita Page Builder.

1. Click Add Section > Pre-made sections > Background

2. Then, select a Video Background that suits your need and enter your video information

The video background is autoplay by default.

[Marianna_YTTG]

Check out this post