Neste post vou mostrar como você pode integrar a sua aplicação com vídeos do YouTube e com as Redes Sociais como Twitter e Facebook.
A Idéia é criar uma pequena aplicação de noticias que são vinculadas a algum vídeo do YouTube e que o usuário possa twittar o conteúdo ou colocar no Facebook
Veja na te a abaixo o resultado final da nossa aplicação
Para montar esta aplicação vamos utilizar os seguintes recursos do GASweb
- GRID
- LINK Com parâmetros para o IFrame
- HTMLCODECONTROL
- PÁGINA DE DADOS
Vamos criar nossa estrutura de dados como mostra na imagem abaixo:
Note que criamos duas tabelas uma de VÍDEOS e outra de NOTÍCIAS para o gerenciamento desta aplicação.
Vamos criar uma página de dados simples para a tabela de notícia
Na página de VÍDEOS voce deve observar o campo EMBEDED VÍDEO, neste campo nós vamos cadastrar o conteúdo que busca o vídeo do site do YOUTUBE para a nossa aplicação.
Quando você esta vendo um video do YOUTUBE clicando com botão direito você encontra estas opções
Usando o Copy embed html você copia o conteúdo do vídeo para colocar no seu site
Depois das duas páginas de dados, Notícias e Vídeos Construída vamos criar a nossa página que vai listar as noticias.
Esta página vai conter um GRID em que uma das colunas é um LINK que vai mostrar o VÍDEO quando o usuário clicar.
Note que além do GRID existe um IFRAME na página , é neste IFRAME que vamos carregar a página que mostra o VÍDEO.
Na página de Vídeo que vai abrir no IFRAME da figura acima temos que observar o LABEL que contera o EMBED do video.
 |
Esta Propriedade do LABEL deve ser marcada para que TAGS HTML possam ser renderizadas pelo BROWSER. |
A última parte do nosso artigo é colocar a barra das redes sociais nesta página.
Isto será feito com o controle HTMLCODECONTROL, nós vamos usar aqui o serviço do ADDTHIS , que voce encontra em www.addthis.com
Pronto, já temos uma solução que integra Videos e Redes Sociais.
Baixe a solução aqui e aproveite o exemplo em suas aplicações
Pablo Hadler