Crazykk1449

Website Background Video *Example*

Feb 13th, 2017
82
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 0.82 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Background Video</title>
  6.  
  7. <style>
  8.  
  9. video#bgvid{
  10.     min-width:100%;
  11.     min-height:100%;
  12.     width:auto;
  13.     height:auto;
  14.     background: url(https://i5.walmartimages.com/asr/f746cb18-483c-4ea4-8a9c-0ee507710062_1.b9a5387fff6672fe2d0e3e28b9fb45e6.jpeg?odnHeight=450&odnWidth=450&odnBg=FFFFFF) no-repeat;
  15.     background-size:cover;
  16. }
  17.  
  18. </style>
  19.  
  20. </head>
  21.  
  22. <body>
  23.  
  24. <video id="bgvid" autoplay poster"https://i5.walmartimages.com/asr/f746cb18-483c-4ea4-8a9c-0ee507710062_1.b9a5387fff6672fe2d0e3e28b9fb45e6.jpeg?odnHeight=450&odnWidth=450&odnBg=FFFFFF">
  25.  
  26. <source src="http://videos.com/video1.ogv" type="video/ogv"/>
  27.  
  28. <source src="http://videos.com/video2.webm" type="video/webm"/>
  29.  
  30. <source src="http://videos.com/video3.mp4" type="video/mp4"/>
  31.  
  32. </video>
  33.  
  34. </body>
  35. </html>
Add Comment
Please, Sign In to add comment