Como reproduzir vídeos do YouTube com o JW Player

Se você deseja permitir que seus visitantes reproduzam vídeos do YouTube em seu site, você precisa de um media player incorporável que suporte HTML5 e Flash. JW Player oferece suporte a HTML5 e Flash e também a todos os principais navegadores da Web. O player também oferece suporte a plataformas móveis, para que os visitantes móveis também possam reproduzir os vídeos. Para reproduzir vídeos em uma página da Web, você precisa saber editar o código da página.

Transfira os arquivos do JW Player que você baixou do site do JW Player para o seu próprio site. Você pode transferir os arquivos do player para uma nova pasta - Scripts, por exemplo.

Abra a página da Web onde deseja inserir o player usando o editor de HTML de sua escolha. Você pode até abrir a página no Bloco de notas.

Insira o seguinte código entre o "" e ""tags, substituindo" Scripts "pelo nome da pasta onde você armazenou os arquivos do player, para inicializar o script JavaScript do player:

Se você adquiriu a edição Pro, Premium ou Ads do JW Player, deve fornecer sua chave de licença do player inserindo também a seguinte linha e substituindo "Your_JW_Player_Key" pela sua chave de licença:

Selecione a posição onde deseja que o objeto do jogador JW apareça inserindo o seguinte código em qualquer lugar entre o "" e ""tags e substituindo" myJWPlayer "por um ID" div "exclusivo:

O jogador está carregando ...

Insira o seguinte código abaixo do "

"linha para criar o objeto do player de vídeo e alterar sua aparência e parâmetros:

Substitua "YouTube_URL" pelo URL do vídeo do YouTube que deseja reproduzir. Substitua "X" pela altura desejada e "Y" pela largura desejada - em pixels - do elemento JW Player. Substitua "/uploads/cover.jpg" pelo caminho para a imagem que deseja exibir antes do início da reprodução.

Salve a página da web e teste o player navegando até a página usando um navegador da web. Clique no botão "Play" para iniciar a reprodução do vídeo do YouTube.

Pontas

Você pode inserir parâmetros adicionais e blocos de opções no código do player para alterar o layout e a funcionalidade do player.

Instale uma das oito skins PNG profissionais (link em Recursos) para mudar a aparência do jogador.