Create a Website With Video Background | HTML & CSS

Create a beautiful, custom landing page for a Travel website using HTML, CSS and a little JavaScript


Find a list of my latest Udemy courses at:

💖 Support The Channel!

45 thoughts on “Create a Website With Video Background | HTML & CSS

  1. Thank you so very much for this. super easy to follow along and well explained. I did hoever end up using amazing fonts for the icons but that's just what I prefer.

  2. I have a question. I downloaded a video from pexel to add to the landing page. Basically following your video. I have the video in the project file I created for the travel site. Along with the index.html and style.css. I've added the video source code underneath the header and the video will not play in the Live server. Am I missing something?

  3. thanks for the video session. I have one question please. How could i can excute or access a .vbs & .bat file in chrome or edge. The .vbs & .bat extension file can be accessable in internet explorer but i am not able to access in chrome or edge. and it is showing the programming code. Please help.

  4. this video finally made me understand the "position" attribute.
    If you ever wanted to make a follow-up to this video:
    1. When clicking on one of the menu links, close menu again
    2. Make it so the menu doesn't move the video over, but just overlays it

    Thanks for helping us beginners 🙂

  5. I love this project and it's great for beginners. It also shows how adding a simple video clip to a web page can totally transform a landing page into something really beautiful.

  6. Great video… but mobile safari versions of this website will show controls for the video in the background- he doesn't go over on how to hide these controls. Does anyone know how to fix this?

  7. Hey anyone I have a quick question. I am using a looped mp4 video for my version, but the quality is 4k instead of 1080p. It cuts out the video and makes the screen look wacked, what do I do/add to fix this? thanks

Leave a Reply

Your email address will not be published.