O código abaixo mostra como colocar um vídeo do QuickTime (.mov) e mais abaixo vou colocar a explicação de cada parte do código HTML.

<OBJECT classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" width="320" height="256" codebase="http://www.apple.com/qtactivex/qtplugin.cab">
	<PARAM name="src" value="http://localhost/blog_exemplo/cafe_townsend_chef.mov">
	<PARAM name="autoplay" value="false">
	<PARAM name="controller" value="true">
	<PARAM name="loop" value="true">
<EMBED src="http://localhost/blog_exemplo/cafe_townsend_chef.mov" width="320" height="256" autoplay="false" controller="true" loop="true" pluginspage="http://www.apple.com/quicktime/download/">
</EMBED>
</OBJECT>

A tag <object> chama o controle do ActiveX definido pelo atributo classid. Esse número todo representa um controle para um vídeo do QuickTime (.mov). Os atributos width e height, são respectivamente, a largura e a altura de exibição do vídeo e são atributos obrigatórios.

O atributo codebase tem como valor uma URL e ela é a URL onde tem o plugin do ActiveX que toca vídeo QuickTime (.mov). Esse local é padrão e definido pela empresa Apple, que criou o formato do QuickTime (.mov).

Nas linhas seguinte tem a tag <param>, essa tag define alguns parâmetros para o controle ActiveX. A explicação de cada parâmetro vai abaixo:

src: define a URL do vídeo a ser tocado.

autoplay: se true o vídeo se iniciará sem precisar ser clicado o play.

controller: se true exibe o controle do vídeo com os botões play/pause, stop e outros.

loop: se true reiniciará o vídeo assim que ele terminar.

Uma lista completa dos parametros pode ser vista no site: http://www.apple.com/quicktime/tutorials/embed2.html.

A tag <embed> deve ser colocada dentro da tag <object> para tocar o vídeo, pois os navegadores como o FireFox ignoram a tag <object> com esse atributo classid. Os atributos da tag <embed> podem ser os mesmos da tag <object>. O atributo pluginspage da tag <embed> tem esse valor por padrão, que é a URL onde encontrar o plugin para tocar o arquivo QuickTime (.mov).

Agora você já consegue colocar um vídeo do QuickTime (.mov) no seu site.

Para colocar um vídeo Windows Media (.wmv), acesse: Como Colocar Vídeo .WMV no seu Site (HTML).

Aqui no comocriarsites.com você aprende a fazer seu site de graça (gratis).

Se você deseja investir em um site profissional ou quer hospedar seu site em um servidor profissional acesse: http://www.panasoft.com.br

Você com 3 passos e poucos cliques gera um código para colocar no seu site, pronto para tocar um vídeo, e o melhor: é de graça (gratis).

<object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" width="320" height="312">
	<param name="FileName" value="http://dominio.com/caminho/seuvideo.wmv" />
	<param name="autostart" value="true">
	<param name="ShowControls" value="true">
	<param name="ShowStatusBar" value="true">
	<param name="ShowDisplay" value="false">
<embed src="http://dominio.com/caminho/seuvideo.wmv" width="320" height="312" autostart="1" ShowControls="1" ShowStatusBar="1" ShowDisplay="0"></embed>
</object>

A tag object chama um controle ActiveX para tocar o tipo de vídeo, definido pelo atributo classid. Com o classid do exemplo acima, o controle ActiveX toca arquivos do Windows Media Video (.wmv).

Você ainda pode ver que dentro da tag object existe uma tag embed, isso tem que existir porque o object com atributo classid só funciona no Internet Explorer e a tag embed funciona no Firefox e possivelmente no Opera, e deve ser colocada dentro da tag object para os navegadores entenderem que é um vídeo só.

Dentro da tag object e embed ainda tem os atributos width e height que são a largura e a altura de exibição do vídeo em pixels, respectivamente.

Em seguida vem as tags param, elas definem parametros para o vídeo, sendo o nome do parametro o atributo name e o valor o atributo value:

FileName: O url para o seu vídeo, pode ser completa ou relativa.

autostart: Se definido como true, o vídeo vai iniciar assim que tiver carregado tempo suficiente. Se definido false, o usuário terá que iniciar o vídeo.

ShowControls: Se definido como true, o vídeo vai ser mostrado com um controle. Esse controle tem os botões play/pause, stop e outros. Esse controle ocupa 46 pixels da altura (height) total do vídeo, então se você quiser que o vídeo fique do tamanho original, adicione 46 pixels ao tamanho dele no atributo height da tag object e embed.

ShowStatusBar: Se true, mostra uma barra de status do vídeo. Essa barra tem 26 pixels de altura (height).

ShowDisplay: Se true, mostra as informações do vídeo que está tocando. Essa barra tem 74 pixels de altura (height).

Na tag embed ao invéz de usar o atributo FileName, usa-se o atributo src, que coloca a url para o vídeo. Os outros atributos funcionam igual ao explicado acima, mas coloca-se 0 para false e 1 para true.

Existe uma outra forma de colocar um vídeo .wmv em um site, explicado no site: http://www.maujor.com/tutorial/adeus-embed.php traduzido de http://www.alistapart.com/articles/byebyeembed, artigo da autora Elizabeth Castro. Ela mostra que é possível não utilizar a tag embed para tocar vídeos em qualquer navegador. Eu fiz um teste com o código que ela mostra no artigo, e ocorreram alguns bugs aqui comigo com o Firefox 3.0.6. A tela que mostra o vídeo sumia quando eu apertava um botão no controle e eu não consegui esconder os controles do vídeo. No IE7 tudo funcionou normal.

Para colocar um vídeo QuickTime (.mov) no seu site, acesse: Como Colocar Vídeo QuickTime (.mov) no seu site (HTML).

Aqui no comocriarsites.com você aprende a fazer seu site de graça (gratis).

Se você deseja investir em um site profissional ou quer hospedar seu site em um servidor profissional acesse: http://www.panasoft.com.br