Thursday, April 15, 2021

Responsive Website Design | With Background Video Slider - Travel Website - HTML CSS & Javascript


Hello everyone! In this video, you will learn how to design a responsive travel website design with a background video slider using HTML, CSS, and Javascript. The background video slider is with navigation buttons that can navigate through every slide using vanilla javascript. For the slide transition, the clip-path property is used. Hope this video will be helpful When you designing a website with background videos.

  • Video Source -

  • Video 01 -
  • Video 02 -
  • Video 03 -
  • Video 04 -
  • Video 05 -

  • All the source codes and source files and available to download from here. Copy and paste the code from the text editors. First, try it by following the video tutorial. It will help you to understand all of it. After that, if you have got something wrong with your code use the given source codes to compare with yours. It will help you to understand all of it and your mistakes.

    Source Codes



    Download File Setup

    We only allow you to publish relevant and respectful comments. Vulgar, hateful, or spam comments will be removed.

    1. hello, I’m trying to change videos with pictures but the jss doesn’t work. What do I have to change to make the css and js work?

    2. hi, my video played on certain devices but it doesnt play on certain devices how to solve the problem?

    3. hi, my video was able to be played on certain devices but on some devices it doesnt play. how do i slove this?

    4. Hi there! Thank so much for this , I used it on my site. I added some lazy loading which I got from . cheers

    5. Hi

      I copied the code and tried its working.But when I coded for my website everything is fine but when I click on the Slider button its not transition.I am not sure what I am missing.The click on Slider nav btn is not working.I can share my html and css if someone can look at it.

      Also how to host 4 videos without performance issues.Each video is aroung 1 hour and file size 500 MB.



    Whatsapp Button works on Mobile Device only