Colocar div na frente

Front-end CSS
#1

Galera, estou desenvolvendo uma tela onde coloquei um vídeo, mas não consigo clicar no mesmo. Isso acontece porque fica uma div na frente dele. Tentei colocar o z-index mas não adiantou.

<iframe style="z-index: 4;" width="560" height="315" 
    src="https://www.youtube.com/embed/wkZSV2k4YfU" 
    frameborder="0" allownetworking="internal">
</iframe>

<div id="supersized"></div>

#supersized {
	position: absolute;
	height:800px;
	z-index: 1;
}

Alguém poderia me ajudar?

#2

para por vídeo no html eu uso a tag vídeo, da um lida nesse site, http://www.w3schools.com/tags/tag_video.asp .

#3

Testei dessa forma e acontece o mesmo problema.

#4

tu precisa dessa div pra q?

tenta muda o position, e display deles.

#5

Tentei mudar para relative e tbm não funcionou.
A div serve pra posicionar o redapé. Não fui eu que fiz, somente preciso arrumar essa questão do vídeo.

#6

Consegui resolver colocando z-index.
Estava colocando essa propriedade no iframe, em vez de colocar na div.

1 curtida