Add Video Background in HTML (Just copy HTML & CSS code)

by | Aug 7, 2020 | 0 comments

Add Video Background in HTML (Just copy HTML & CSS code)

by | Aug 7, 2020 | CSS Tips and Tricks | 0 comments



I’ll show you how to add video background in HTML on your website.

Learn how you can just copy and paste the code so it will work on your website.
So I’m not going to go in detail what each line of code does, but this is more of a plug and play video.

Grab the HTML & CSS code here: https://punchsalad.com/tutorials/add-video-background-in-html/

Summary of this responsive video background tutorial:
1. I’ll show you how my website looks like right now
2. Where to get free videos for header backgrounds:
https://www.videvo.net/video/milky-way-timelapse/2659/
3. I’ll show you the HTML and CSS code and where you need to place it in your code.
– You need to change the URL to your video
– I’ll show you where you can adjust the autoplay, loop & mute for HTML5 video.
4. How well the responsive layout works and how you can adjust the layer.

My website recommendations: https://punchsalad.com/recommendations?utm_campaign=addVideoHTML&utm_medium=social&utm_source=youtube

PayPal tip jar: https://www.paypal.me/punchsalad

source