My website is hosted by ArtStation, that allows me to inject custom CSS codes to redesign it. I'm trying to have a slider on the homepage, with each slide containing either a static image or a video (sources are online).
So far my static slide works but when the video slide comes, it's all white. Here's a screenshot with the custom CSS code: [Screenshot][1]
#slides, .slide {
background-image: url(https://assets.codepen.io/6093409/river.mp4);
}
Can someone guide me into making this work? So far the video URL is a placeholder, I will replace it in the end. For now I'm just trying to get it work. I'm a complete noob in CSS, as I've only been learning it for 2 months now. I've managed to successfully redesign the static pages of my site with CSS but I'm struggling with the sliders.
Thank you. [1]: https://i.stack.imgur.com/AlJRb.png
