0
I have a HD video (1920x818 approximately) on my site, I had help in a part of the solution since it was put 100%x100%
.
Now I’d like to leave it fixed at the top of the page, tried to use position:absolute; top:0; left:0;
, works but two black bars appear (above and below). How do I resolve this?
I would like a result similar to that site: http://www.popupdesign.com.br/
Note that below the image/video at the top there is a menu, I would like to adapt this situation to my case.
What I got so far:
<div id="video">
<video width="100%" height="100%" loop>
<source src="video/animacao-lol.mp4" type="video/mp4" />
</video>
</div>
#video {
width: 100%;
height: 100%;
}
video {
height: 99%;
width: 100%;
z-index: -100;
background-color: #000;
}
Could add html code?
– Felipe Avelar
@Felipeavelar, edited and already appears his code.. for some reason the bold "ate" html.
– Rafael Withoeft