WebTec
WebTec
Learn everything about Webdevelopment
Home
Social Media
About
Background Video + Logo | only HTML and CSS
HTML
<!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title>Background Video</title> <link rel="stylesheet" href="style.css"> </head> <body> <video src="img/video.mp4" autoplay muted loop controls></video> <img src="img/logo.png" alt="logo"> </body> </html>
CSS
body, html {margin: 0; padding: 0; overflow: hidden; height: 100%;} video {overflow: hidden; position: absolute;} img {margin: 800px auto auto 1700px; width: 150px; position: absolute;}
Back
Video
Back
Video