I am trying to customize the Supply theme to embed one slide with youtube video - and other 2 slides used on the homepage slider will be standard images.
How do I change the code to be able to do this?
yes I figured out
you go into slider.liquid
and add <li> for each slide you want and what it will be like the one for image
for video you add the embed code and set the size as you want.
I will upload later today my example.
Actually, it's possible to upload a video and have it play on the slider.
The easy part is editing the slideshow.liquid and, adding an extra list item after the loop of slides, and placing the video inside it.
When you upload a video on Settings > Files, there's a link you can get. The video to add as a list item looks like this:
<video controls="" autoplay="" name="media"> <source src="https://cdn.shopify.com/s/files/1/1111/1111/1111/files/video.mp4?v=54564654" type="video/mp4"> </video>
The URL is pasted in the src attribute.
The hard part is to adjust the CSS of the slider because it won't work right away with the video. It won't work well on mobile and will look misaligned if not adjusted.