Como Colocar Vídeo .WMV no seu Site (HTML)

Enviar Post por Email Enviar Post por Email


Para colocar um vídeo .wmv no seu site, você precisa entender alguns passos. O código HTML abaixo mostra como colocar o vídeo .wmv, e mais a baixo vão as explicações de cada parte do código HTML.

<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

Enviar Post por Email Enviar Post por Email

7 Responses to “Como Colocar Vídeo .WMV no seu Site (HTML)”

  1. 1
    Como Colocar Vídeo QuickTime (.mov) no seu site (HTML) | Como Criar Sites | Aprenda grátis como fazer seu site Says:

    [...] Como colocar vídeo .WMV no seu site (HTML) [...]

  2. 2
    Isabel Says:

    nao consigo colocar o video no HTMl ….

  3. 3
    Isabel Says:

    nao consigo colocar mesmo assim o video

  4. 4
    Raoni Novellino Says:

    Ola Isabel, você poderia descrever o que você já fez até agora e colocar o seu código aqui ou em alguma página? Isso ajudaria muito a saber o que está errado.

    Obrigado

  5. 5
    Danilo Says:

    No meu caso, coloquei o endereço completo de onde o arquivo WMV está, e ele fica com a mensagem: “conectando a mídia” e o vídeo não aparece… o que devo fazer?

  6. 6
    Danilo Says:

    o endereço no caso é: http://studioddesign.com.br/eclipinteira.wmv

  7. 7
    Raoni Novellino Says:

    Ola Danilo, o endereço do vídeo (http://studioddesign.com.br/eclipinteira.wmv) está retornando o erro 404, que significa que esse endereço está errado. Tente corrigir o endereço e tentar novamente.

    Valeu.

Leave a Reply