Thursday, April 15, 2021

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



Description


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 - http://pexels.com

  • Video 01 - www.pexels.com/video/heart-figure-on-the-sand-of-a-seashore-3094026/
  • Video 02 - www.pexels.com/video/man-hiking-in-the-woods-3135811/
  • Video 03 - www.pexels.com/video/two-vehicles-traveling-in-the-desert-2099568/
  • Video 04 - www.pexels.com/video/a-zigzag-road-across-a-forest-2878084/
  • Video 05 - www.pexels.com/video/man-looking-at-the-wonder-of-nature-3135808/


  • 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


    index.html



    style.css



    Download Source Files

    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?

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

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

      ReplyDelete

    Whatsapp Button works on Mobile Device only