Video na pagina html
É 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 explicarei como 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 o atributo 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 do arquivo é 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 o botã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 e Altura <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 imagem alternativa 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