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>
