Video na pagina html

Disponível somente no TrabalhosFeitos
  • Páginas : 4 (803 palavras )
  • Download(s) : 0
  • Publicado : 15 de março de 2013
Ler documento completo
Amostra do texto
Vídeo na Página
É possível colocar vídeo em uma página HTML utilizando o marcador <IMG>. A única diferença é que se acrescenta o atributo DYNSRC.
Exemplo: <IMG DYNSRC="origem do vídeo">Primeiramente vou ensinar a colocar vídeo numa página usando o marcador <IMG>. Depois ensinarei a colocar vídeos usando o marcador <EMBED>.
Principais atributos do marcador <IMG>para se exibir vídeos.
Compatível apenas com o Internet Explorer, permite a inclusão do vídeo no formato AVI (Áudio Vídeo Interlave) e em outros formatos numa página HTML. Mais para frente explicareicomo colocar vídeos compatíveis em qualquer browser.
O marcador utilizado como já falei acima é o <IMG> o mesmo utilizado para imagens. A diferença está na utilização do atributo DYNSRC(Dynamic Source) indicado que a origem do objeto é a dinâmica.
Os outros browsers não entendem o atributo DYNSRC e, neste caso para que pelo menos possam exibir uma imagem estática do vídeo. Utiliza-se oatributo SRC, indicando o arquivo imagem que corresponde ao vídeo.
O caminho do vídeo precisa ser dado corretamente. Caso esteja no mesmo diretório em que a página, uma referência simples ao nome doarquivo é o suficiente.
Exemplo: <IMG SRC="racha.mpeg">
Clique aqui e veja o exemplo pronto! (Precisa estar conectado a internet)
Se você viu o vídeo pode perceber que não existe a barra com obotão EXECUTAR, PAUSAR, PARAR, ETC. Isso porque para o navegador não é um vídeo e sim uma imagem. Mas é possível PARAR e pedir para TOCAR novamente usando o botão direito do mouse.
1 – Largura eAltura <IMG DYNSRC="origem do vídeo" WIDTH="valor" HEIGHT="valor">
Especifica respectivamente a largura e a altura do vídeo. Para que não ocorra um redimensionamento é preciso que a imagemalternativa tenha as mesmas dimensões que o vídeo.
Exemplo:
<IMG DYNSRC="racha.mpeg" WIDTH="321" HEIGHT="321"> Clique aqui e veja o exemplo pronto! (Precisa estar conectado a internet)
2 – Imagem...
tracking img