carousel Embed video to list carousel

Site URL: http://www.theway.co.nz/about/

Looking for help to embed a video into my infinite scroll carousel in Squarespace 7.1. 
I currently just have a link, but I would like to embed the video into the carousel. 

See image below for what I'd like it to look like.

Thanks!

Hi,

My approach is you add a Video under List Carousel, then we will use code to replace List Image with Video.

Demo: https://thung.squarespace.com/list-carousel-video?noredirect

Pass: abc

What do you think?

@tuanphan can you share the code for this? 

On 8/4/2023 at 8:08 AM, tonyflores said:

@tuanphan can you share the code for this? 

I added a video block under List then use this code to Page Header (don't add it to CSS box) to move it to List Section

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
$(document).ready(function() { 
		$('.video-block').appendTo('li:nth-child(2) .list-item-media-inner');
	});
</script>

:nth-child(2) means list item 2 (from left to right)