AshwaDip Tutorials
Home
C
C++
Java
Android
BigData
Cloud
HTML5
CSS3
JavaScript
JS Angular
XML
AJAX
JSON
ASP
PHP
jQuery
Bootstrap
Git
VB.NET
Python
PL/SQL
Intro
efines the document type
program to set video background for the page?
<!doctype html> <html> <head> <meta charset = "UTF-8"> <title>Video Background</title> <style type="text/css"> /* *{ margin: 0; padding: 0; }*/ body{ margin: 0px; background: black; } header{ height: auto; overflow: hidden; } #background{ position: fixed; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width:auto; height: auto; background-cover:cover; } #content { position: absolute; top: 20px; padding: 30px; color: #fff; text-shadow:#000 2px 2px 2px; font-family: Arial; } </style> </head> <body> <header> <video id="background" src="mov_bbb.mp4" autoplay="true" loop="true" muted="muted" type="video/mp4" preload="auto"> </video></header> <div id="content"> <h1>video header</h1> <p>para</p> </div> </body> </html>
