# A full website Background video?

**URL:** <https://forum.kirupa.com/t/a-full-website-background-video/330693>\
**Category:** Uncategorized\
**Created:** [March 1, 2013, 11:46pm UTC](https://forum.kirupa.com/t/a-full-website-background-video/330693 "2013-03-01T23:46:32Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Erica\_Rodriguez](https://avatars.discourse-cdn.com/v4/letter/e/6bbea6/32.png) [@Erica\_Rodriguez](https://forum.kirupa.com/u/Erica_Rodriguez)\
**Post date:** [March 1, 2013, 11:46pm UTC](https://forum.kirupa.com/t/a-full-website-background-video/330693/1 "2013-03-01T23:46:32Z")

</div>

I’m having trouble making a video for the background of a website. I’m testing it mostly in google chrome and firefox. I have a seperate file for videos. When I test it it just shows a the controls and in firefox it shows a transparent blackbox where the video should be and with an “X” in it.Does anyone know what I’m doing wrong?

#video\_background  
{  
position: absolute; bottom: 0px; right: 0px;  
min-width: 100%; min-height: 100%; width: auto;  
height: auto; z-index: -1000; overflow: hidden;  
}

//this is in the body tag I tried two different ways and the video still won’t show up.  
\<!–\<video width=“100%” height=“100%” controls=“controls”\>  
\<source src=“videos/Wildlife.mp4” type=“videos/mp4”\>  
\</video\>–\>

\<video id=“video\_background” preload=“auto” autoplay=“true” loop=“loop” muted="" volume=“0”\>  
\<source src=“videos/Wildlife.mp4” type=“videos/mp4”\>  
\</video\>