Executando Vídeos na Web

Vídeos podem ser executados "inline" ou por um "helper", dependendo do elemento HTML que você usa.

Vídeos Inline

Quando um vídeo está incluído numa página web ele é chamado vídeo inline.

Vídeo inline pode ser adicionado a uma página web pelo uso do elemento <img>.

Se você planeja usar vídeos inline nas suas aplicações web, esteja atento para o fato de que muitas pessoas acham vídeos inline incômodos. Também observe que alguns usuários podem ter desligado a opção de vídeo inline nos seus navegadores.

Nosso melhor conselho é incluir vídeos inline somente em páginas web em que o usuário espera ver um vídeo. Um exemplo disto é uma página que abre após o usuário clicar num vínculo para ver o vídeo.

Usando Um Auxiliar (Plug-In)

Uma aplicação auxiliar (helper) é um progarma que pode ser ativado pelo navegador para "ajudar" a executar um vídeo. APlicações auxiliares são também chamadas Plug-Ins.

Aplicações auxiliares podem ser ativadas usando o elemento <embed>, o elemento <applet>, ou o elemento <object>.

Uma grande vantagem de usar uma aplicação auxiliar é que você pode deixar algumas (ou todas as) configurações do player serem controladas pelo usuário.

Muitas aplicações auxiliares permitem controle manual (ou programado) sobre as configurações de volume e funções de execução como retornar, pausar, parar e tocar.

Usando o Elemento <img>

O Internet Explorer suporta o atributo dynsrc no elemento <img>.

O propósito deste elemento é embutir elementos multimídia em páginas web:

<img dynsrc="video.avi" />

A fração de código acima exibe um arquivo AVI embutido em uma página web.

Observação: O atributo dynsrc não é um atributo padrão da HTML ou da XHTML. Ele é suportado apenas pelo Internet Explorer.

Usando o Elemento <embed>

O Internet Explorer e o Netscape ambos suportam um elemento chamado <embed>.

O propósito deste elemento é embutir elementos multimídia numa página web:

<embed src="video.avi" />

A fração de código acima exibe um arquivo AVI embutido numa página web.

Uma lista dos atributos para o elemento <embed> pode ser encontrada num capítulo posterior deste tutorial.

Observação: O elemento <embed> é suportado tanto pelo Internet Explorer quanto pelo Netscape, mas ele não é um elemento padrão da HTML ou da XHTML. O World Wide Web Consortium (W3C) recomenda usar o elemento <object> em vez.

Usando o Elemento <object>

O Internet Explorer e o Netscape ambos suportam um elemento HTML chamado <object>.

O propósito deste elemento é embutir elementos multimídia numa página web:

<object data="video.avi" type="video/avi" />

A fração de código acima exibe um arquivo AVI embutido em uma página web.

Uma lista dos atributos para o elemento <object> pode ser encontrada num capítulo posterior deste tutorial.

Usando Um Hipervínculo

Se uma página web inclue um hipervínculo para um arquivo de mídia, muitos navegadores irão usar uma "aplicação auxiliar" para executar o arquivo:

<a href="video.avi">
Click here to play a video file
</a>

A fração de código acima exibe um vínculo para um arquivo AVI. Se o usuário clica no vínculo, o navegador ativará uma aplicação auxiliar como o Windows Media Player para executar o arquivo AVI.