Como colocar vídeos do YouTube no seu site – códigos validos

Código valido para vídeos

 Mãos a obra vá até a página onde estão os vídeos do YouTube que você vai utilizar em

seu site, como no exemplo a baixo.

 

 

 

Quando postei outros vídeos do YouTube notei que o código não era válido,  para colocar esse vídeo, o YouTube me dá esse código logo a baixo:

 

” <object width=”480″ height=”385″><param name=”movie” value=”http://www.youtube.com/v/8kKHE-_wekU&hl=pt_BR&fs=1&”></param><param name=”allowFullScreen” value=”true”></param><param name=”allowscriptaccess” value=”always”></param><embed src=”http://www.youtube.com/v/8kKHE-_wekU&hl=pt_BR&fs=1&” type=”application/x-shockwave-flash” allowscriptaccess=”always” allowfullscreen=”true” width=”480″ height=”385″></embed></object> ”

 

 

Para evitar códigos inválidos faça o seguinte.

copie e cole o código a baixo no seu site.

 

<object type=”application/x-shockwave-flash” style=”width:425px;height:350px;” data=”http://www.youtube.com/v/XXXXXXXXXXX”><param name=”movie” value=”http://www.youtube.com/v/XXXXXXXXXXX” /><param name=”wmode” value=”transparent” /></object>

 

 

A pagina do YouTube que você abriu vamos usar agora  como na imagem a baixo ;

Como pode ver em vermelho esta selecionado todo o código.

Identifique tudo após o sinal de ” = “.

 

 

 

  • Depois copie  conforme esta destacado na imagem  em azul somente o código do vídeo = ID.
  • Que neste caso foi usado de exemplo o vídeo acima e o seu ID é  ”  kKHE-_wekU  “,  sem as aspas e sem espaços.
  • Visualize no código os espaços contendo “XXXXXXXXXX” após encontrados substitua pelo ID do vídeo.
 

 

O código vai ficar assim  como esta a baixo;

 

<object type=”application/x-shockwave-flash” style=”width:425px;height:350px;” data=”http://www.youtube.com/v/kKHE-_wekU”><param name=”movie” value=”http://www.youtube.com/v/kKHE-_wekU” /><param name=”wmode” value=”transparent” /></object>

 

O código vai ficar assim  como esta a baixo;

 

Além de menor, porque foi tirado o embed, é válido e funciona. Para colocar os seus, é só mudar o ID.
 

Você também pode mudar o tamanho e criar uma class para diminuir o código se colocar vários vídeos em uma só página