Neste tutorial vou te ensinar como inserir um vídeo do YouTube em sua página da web que inicia automaticamente ao carregar uma página e não tem som. Para isso vamos usar a API fornecida por Youtbe. Teremos que escrever código em JavaScript, muito pouco, na verdade, vamos começar.
Passo 1
A primeira coisa que precisamos continuar é o identificador do vídeo que queremos enviar. Para isso entramos no YouTube e procuramos o vídeo desejado, o id deste virá de v = dentro da URL, na imagem a seguir mostro um exemplo:
Agora podemos adicionar o script à nossa página, abaixo explico alguns detalhes a serem levados em consideração.
Passo 2
Precisamos de um espaço em nosso HTML onde adicionar o player, para isso usamos um div, essa instrução no código é esta (o id é necessário para a função que usamos da API):
etapa 3
Vinculamos a API do YouTube à nossa página, para isso escrevemos a seguinte instrução:
Observe que esta é uma carga assíncrona.
Passo 4
Adicionamos algumas tags de script (no final do próprio corpo), nelas criaremos a função onYouTubeIframeAPIReady (). O nome da função que você deve deixar assim. Dentro desta função iremos configurar a largura, a altura do player, o ID do vídeo e mais algumas características.
[color = # a9a9a9] Código com a API do Youtube [/ color]
Alguns insights
- O ID do vídeo deve ser inserido videoId.
- Para início automático é usado Reprodução automática, 1 será que começa sozinho, se colocar 0 não vai.
- Para silenciá-lo, a seguinte função é usada dentro da área de eventos:
onReady: função (e) {e.target.mute (); }Você também pode configurar o número de vezes que o vídeo é repetido (loop), se os controles forem mostrados, como play, volume, etc.
Aqui está o código completo:
Ao abrir o arquivo que possui o código acima, aparecerá o player, conforme pode ser visto na imagem a seguir:
PROLONGAR
Caso queira o código, deixo aqui um CEP:
videoYoutube.zip 533 bytes 245 downloads
