Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Superwagtel

MP4 no HTML

Recommended Posts

Não entendo o porque, mas quando digito o código abaixo, o vídeo até aparece na página.

 

Mas fica com um espaço "margem" de + ou - height="100" no topo antes do vídeo

 

<vídeo width="900" height="665" controls>

<source src="meuvideo.mp4" type="vídeo/mp4">

<source src="meuvideo.ogg" type="vídeo/ogg">

</vídeo>

 

Alguém sabe como tirar esta margem "espaço" no topo antes do vídeo?

 

 

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Vc está utilizando algum Reset CSS ?

 

Caso não, pesquise e comece a usar.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Sei que no HTML tem o (topmargin="10"), mas que digitando (topmargin="-100") não funciona como eu preciso.

 

Tem também o

 

<td style="padding:10px;">

 

Mas quando digito:

 

<td style="padding:-100px;>

 

Também não resolve meu problema, por isto eu pergunto se alguém sabe qual outro melhor caminho para

uma solução pra este problema?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Eu já te dei o caminho. padding negativo não existe.

 

Pegou o CSS Reset ?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Então eu estudei o mais o CSS e descobri que até posso usar o top:-50px; por exemplo.

 

Mas dá pra ser mais profissional do que isto, então alterei diretamente nas div's da seguinte forma:

 

Meu problema era que os vídeos no palco e abaixo do banner apresentavam uma faixa preta superior.

Como tirar esta faixa preta?

 

No CSS do banner eu coloquei assim:

 

#{

top:0px;

width:100%;

height:100px;

position:absolute;

z-index:30;

}

 

No CSS do palco eu coloquei assim:

 

#palco{

position:absolute;

top:55px;

overflow:hidden;

}

 

Então, tudo o que eu precisava era pesquisar o z-index com o top para que o banner cobrisse uma parte do palco.

 

Simples assim

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.