Como Colocar VÃdeo .WMV no seu Site (HTML)
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
[...] Como colocar vÃdeo .WMV no seu site (HTML) [...]
março 4th, 2009 at 2:30nao consigo colocar o video no HTMl ….
novembro 11th, 2009 at 18:47nao consigo colocar mesmo assim o video
novembro 11th, 2009 at 18:48Ola 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
novembro 11th, 2009 at 20:39No 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?
dezembro 15th, 2009 at 8:57o endereço no caso é: http://studioddesign.com.br/eclipinteira.wmv
dezembro 15th, 2009 at 8:58Ola 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.
dezembro 15th, 2009 at 19:40Olá tenho vários vÃdeos na mesma pagina como faço para abrir eles no mediaplay mas que cada um abra conforme solicitado exemplo eu tenho na pagina o nome do vÃdeo com a foto ai a pessoa clica na foto e abre o vÃdeo mas quero deixar uma janela do media play no site ai conforme se clica na imagem abre o video..
junho 21st, 2010 at 22:14o que é FileName: O url para o seu vÃdeo, pode ser completa ou relativa. ?
junho 21st, 2010 at 22:15Grato
Caraca, sabe quando vc consegue algo que gostaria muito, somente as pessoas boas do mundo podem te ajudar e vc É uma delas PARABENS, QUE O TODO PODEROSO ABENÇOE A VC E SUA FAMILIA SEMPRE!
GRATO
julho 21st, 2010 at 21:47Venho por meio desta pedir ajuda pois eu já possuo o cód link da TV REDE SUPER porem soube que tem que adicionar em um html para fazer efeito na retransmissão em meu site, como faço, voces poderiam me criat este html se eu enviar o cód lonk da TV, abraços!
julho 28th, 2010 at 23:43Muito obrigado pelo comentário.
setembro 16th, 2010 at 15:05Abraço.
Isso, no parâmetro com nome “FileName” você coloca no valor dele (value=”UrlDoTeuVideo”), a url do teu vÃdeo, pode ser completa ou relativa.
setembro 16th, 2010 at 15:11Obrigado por comentar.
Abraço.
Bom, eu tentaria fazer com um pouco de javascript, tentando fazer o javascript mudar o conteúdo das tags do vÃdeo.
setembro 16th, 2010 at 15:15Uma outra solução seria fazer o javascript mudar todo conteúdo de um “DIV”, e colocar o conteúdo com os dados do vÃdeo que foi clicado.
Se isso também não desse certo, eu faria com uma linguagem no lado do servidor, como PHP. Quando o usuário clicasse na foto, ele mandaria o nome do vÃdeo para o servidor, que retornaria uma página com os dados do vÃdeo já carregados.
Obrigado por comentar.
Abraço.
realizei a implementação como informada com funcionamento perfeito
dezembro 22nd, 2010 at 7:47obrigado por a ajuda
junho 11th, 2011 at 12:37Me ajudou muito
junho 11th, 2011 at 12:39obrigado!!!
junho 11th, 2011 at 12:43só faltava isso!!