Objetivo

Utilizar um vídeo ID recomendado para lançar o aplicativo nativo do YouTube e exibir vídeo, de forma a oferecer a melhor experiência do usuário e todos os recursos do YouTube, como permitir acrescentar o vídeo a uma lista, aos seus favoritos ou compartilhar em redes sociais.

Passos

1. Como acrescentar suporte para o player nativo do YouTube utilizando o plugin do PhoneGap

Passos para instalar plugin Android YouTube Player API do PhoneGap:

phonegap local plugin add https://github.com/matiasmolinas/YTPhoneGapPlugin

 

Baixe a biblioteca Android YouTube API neste link.

Descompacte e copie o YouTubeAndroidPlayerApi.jar para o diretório libs.

Crie uma nova chave para o Android seguindo estes passos: https://developers.google.com/youtube/android/player/register

Por exemplo, no meu caso, para trabalhar em modo debug, eu uso o comando:

keytool -list -v -keystore C:\Users\Matias\.android\debug.keystore -alias androiddebugkey -storepass android -keypass android

Para detalhes, veja: http://developer.android.com/tools/publishing/app-signing.html

Use a API Key no arquivo YouTube.java.

Acrescente uma função para chamar o plugin em seu aplicativo:

playYTVideo: function(videoid){
       var success = function() { console.log("Success"); };
       var error = function(message) { console.log("Oopsie! " + message); };
       youtube.playVideo((videoid), success,error);
}

e atualize o link para ver o vídeo recomendado

videos += '<li><a href="#" onclick="app.playYTVideo(\'' +
activity.contentDetails.recommendation.resourceId.videoId + '\');" target="_blank">' + activity.snippet.title +
'</a></li>';

Finalmente, compile e instale o aplicativo novamente com o comando:

phonegap run android

Uma última dica útil: se quiser depurar seu aplicativo, você pode usar o eclipse, mas lembre-se de usar o console javascript para criar o log das informações de depuração. Para mais detalhes:  http://developer.android.com/guide/webapps/debugging.html.

***

Artigo traduzido pela Redação iMasters, com autorização do autor. Publicado originalmente em http://matiasmolinas.blogspot.com.br/2013/11/codelab-youtube-apis-in-phonegap-lesson_9.html