terça-feira, 23 de fevereiro de 2010

Pergunta de Aluno

Estou respondendo está pergunta no blog para que outros possam contribuir.

Um aluno me perguntou.

olá professor. tenho uma pergunta.
que tipo de tag eu posso usar para inserir videos dentro de um site?
eu uso <embed> mas quando o video nao foi iniciado nenhuma vez , ele mostra apenas um local vazio... tem como colocar uma foto ou uma previsualização antes do video iniciar, como no youtube é usado?
outra pergunta que tenho é como eu faço para colocar uma foto sobre outra em um site...
se pudesse retornar agradeço.

Resposta:

Para fotos ou qualquer outro elemento vc tem que usar css, para isso existe z-index, que vc seta com um valor inteiro.
Exemplo um z-index 1 fica abaixo de um z-index 2, blz, tens que fazer isso com os teus elementos.

Aqui nesse site tem um exemplo on-line bem bacana.


Mais uma coisa para funcionar z-index seus elementos devem ter position:absolute, isso também no css.

Sobre os Vídeos on-line.
Quanto ao vídeo não existe uma tag html para isso no html 4 só irá existir no html 5, mas dai nem todos os browsers irão aceitar.
Isso vimos na viagem do ano passado na Conferencia WEB W3C.

Você pode fazer isso de vária maneiras, uma delas é usar flash... ai vc usa um embed desses...
No caso da previsualização que você fala, o youtube tem um sistema automatizado para isso que captura um frame no vídeo para usar como screen inicial do vídeo.
Fazer isso da um pouco de trabalho e dependo não seja viável fazer.
O que da para fazer é você mesmo configurar uma imagem que irá aparecer como preview...
Existe um script JavaScript bem bacana para se criar elementos embed de Flash na página, chama-se swfobject.

Lembrando ainda que você deve possuir um .swf que será responsável por exibir seu vídeo, eu uso um bem interessante que é o flvPlayer.swf, ele aceita parametros como um arquivo flv, que no caso do flash é usado para streaming de vídeos.

At,
Marcondes.

Nenhum comentário: