tutoriais mais recente desenvolvimento web

HTML Vídeos do YouTube


A maneira mais fácil de reproduzir vídeos em HTML, é usar o YouTube.


Lutando com formatos de vídeo?

Diferentes versões de diferentes navegadores suportam formatos de vídeo diferentes.

Anteriormente neste tutorial, você viu que você pode ter que converter seus vídeos para diferentes formatos de vídeo para torná-los jogar em todos os navegadores.

Converter vídeos para o formato diferente pode ser difícil e demorado.

Uma solução mais fácil poderia ser a de deixar YouTube reproduzir os vídeos em sua página web.


YouTube Video Id

YouTube vai exibir um id (like XGSy3_Czz8k) , quando você salvar (or play) um vídeo.

Você pode usar este id, e referem-se a seu vídeo em HTML.


Reproduzir um vídeo do YouTube em HTML

Para reproduzir o vídeo em uma página web, faça o seguinte:

  • Fazer o upload do vídeo para o YouTube
  • Tome nota do ID de vídeo
  • Definir um <iframe> elemento na sua página web
  • Deixe o src ponto de atributo para o URL do vídeo
  • Use o atributos width e height para especificar a dimensão do jogador
  • Adicione quaisquer outros parâmetros para o URL

Exemplo - Usando iFrame (the recommended method)

<iframe width="420" height="315"
src="http://www.youtube.com/embed/XGSy3_Czz8k?autoplay=1">
</iframe>
Tente você mesmo "

Parâmetros do YouTube

ocultar automaticamente

Valor 0: O jogador controla são sempre visíveis.

Valor 1: O jogador controla oculta automaticamente quando o vídeo é reproduzido.

Valor 2 (default) : Se o jogador tem 16: 9 ou 4: 3, mesmo que uma, caso contrário, mesmo que 0.

Reprodução automática

O valor 0 (default) : O vídeo não será reproduzido automaticamente quando as cargas jogador.

Valor 1: O vídeo será reproduzido automaticamente quando as cargas jogador.

controles

Valor 0: faz controles jogador não exibir. O vídeo cargas imediatamente.

Valor 1 (default) : O jogador controla display. O vídeo cargas imediatamente.

Valor 2: O jogador controla exibição, mas o vídeo não é carregado antes que o usuário inicia a reprodução.

laço

O valor 0 (default) : O vídeo será reproduzido apenas uma vez.

Valor 1: O loop de vídeo vontade (forever) .

lista de reprodução

Uma vírgula lista de vídeos para jogar separados (in addition to the original URL) .


YouTube <object> Incorpora

YouTube <object> embeds foram obsoleta de Janeiro de 2015.

Você deve migrar seus aplicativos para usar <iframe> incorpora.

Exemplo - Usando <object> (deprecated)

<object width="420" height="315"
data="http://www.youtube.com/embed/XGSy3_Czz8k">
</object>
Tente você mesmo "

Exemplo - Usando <embed> (deprecated)

<embed width="420" height="315"
src="http://www.youtube.com/embed/XGSy3_Czz8k">
Tente você mesmo "