Does anyone know how to make a slideshow video gallery? I've been searching for this but all I could find was slideshow image galleries. If anyone knows anything to refer to for this can you please tell me?
2 Answers
You can use the snap scroll property of CSS to make this kind of Effect.
here are some useful links to learn.
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Scroll_Snap
https://css-tricks.com/practical-css-scroll-snapping/
or you can use : scroll-direction: horizontal;
https://css-tricks.com/pure-css-horizontal-scrolling/
Or with some tricks and animation you can achieve it like this
https://codepen.io/Schepp/pen/WNbQByE
and last part which is to use videos that is quite easy, just replace the image or text with Video tags or youtube video iframe.
That's it...

- 4,073
- 2
- 12
- 24
-
Thank you for these sources! – Nasheetat Aug 15 '21 at 12:13
-
Hi Nasheetat, if this helped pls mark this as right answer or you need anything else, pls let me know – Atul Rajput Aug 16 '21 at 16:36
If you were able to make an image gallery, then you can simply change the image tags in the code <img src="file.png"/>
to video tags.
For eample:
<video width="300" height="250" controls>
<source src="movie.mp4" type="video/mp4">
</video>

- 574
- 5
- 6