Como Usar O Leitor Personalizado Do Youtube No Seu Site

Se você navega na internet, certamente já ouviu falar do YouTube.

Esta empresa lançou há algum tempo mais uma novidade para ganhar ainda mais visitante e agregar mais serviços aos seus usuários: Um Leitor Personalizado dos Vídeos

Através dele é possível colocar em seus sites uma galeria com todos os vídeos que você tem cadastrado em seu usuário ou também os seus vídeos marcados como favoritos.

Além disso você pode personalizar o player com várias cores diferentes.

E aí, o que achou? Prefere fazer algo personalizado e fácil de gerenciar?

Acompanhe nossa matéria a seguir, pois com certeza você saberá como implementar essa ferramenta a seu site.

Configurando A Base De Dados MySQL

Antes de tudo, é necessário configurar a base de dados.

Com o BD já criado, acesse o ficheiro “config.php” e configure o ficheiro alterando as informações de acesso à base de dados (conforme script a seguir).

Após a configuração, vamos agora criar a tabela que será usada!

Configurando A Tabela na Base de Dados MySQL

Para configurar a base de dados através do script, abra o ficheiro script-sql.txt (disponível em anexo) e cole seu conteúdo no Programa utilizado para gerenciamento da base de dados.

Em nossas matérias utilizamos como padrão o MySQLFront. Caso tu também esteja utilizando este programa, clique em SQL Editor e cole o conteúdo do script (conforme disponibilizado a seguir).

----- INSTALANDO A TABELA -----

CREATE TABLE `tbl_videos` (
`id_video` int(11) NOT NULL auto_increment,
`nome` varchar(200) NOT NULL default '',
`video` varchar(200) NOT NULL default '',
`data_cadastro` varchar(20) default NULL,
`status` char(1) default NULL,
PRIMARY KEY (`id_video`)
);

INSERT INTO `tbl_videos` (`id_video`,`nome`,`video`,`data_cadastro`,`status`) VALUES (2,'Casamento','http://www.youtube.com/watch?v=mkKo8bNL8pU','2010-11-29','1');
INSERT INTO `tbl_videos` (`id_video`,`nome`,`video`,`data_cadastro`,`status`) VALUES (5,'Dicas para uso de Laboratório de Informática','http://www.youtube.com/watch?v=DwrQJpn0IQw','2010-11-29','1');

Após importar os dados, você já poderá fazer uso do sistema abaixo.

Explorando o Sistema

O uso deste ficheiro é bem prático e objetivo.

Através dele e com um pequeno conhecimento de PHP / MySQL você consegue adaptar o código fonte a seu web site.

Abaixo estaremos verificando como funciona a página index (responsável por apresentar em tela os vídeos – conforme o script e a imagem a seguir):





WebMaster.PT - Trabalhando com galeria de vídeos


WebMaster.PTTrabalhando com galeria de vídeos

adicionar vídeo - gerenciar vídeos

Galeria de Videos


IMAGEM 01 (Apresentando em tela os vídeos cadastrados)

Apresentando em tela os vídeos cadastrados

Como você pode verificar acima, o sistema é bem prático de mexer.

Nele não inseri contador de páginas, apresentação personalizada do código, até porque não era o foco, mas seu uso é bem prático.

Inserindo Novo Vídeo:

O processo de inserção funciona como se fosse em um formulário comum: Você preenche as informações e clica no botão para envio.

OBS.: Diferente de outras soluções, neste sistema você precisa inserir a URL. Feito isso, ele lhe dará a possibilidade de visualizar sempre que quiser seu vídeo preferido (conforme script e imagem a seguir).



WebMaster.PT - Trabalhando com galeria de vídeos

WebMaster.PTTrabalhando com galeria de vídeos

Nome do Vídeo:
Url do Vídeo:

OBS.: Você pode add Videos do Youtube - Google Videos e Outros


IMAGEM 02 (Cadastrando um novo vídeo)

Cadastrando um novo vídeo

OBS.: Após preencher os campos, o sistema lhe enviará para o script de inserção (que funciona em uma página separada – conforme script a seguir):

Página “script_youtube.php”








Características Do Leitor Personalizado Do Youtube

Após clicar no vídeo cadastrado (disponível na página inicial), veja que o sistema lhe encaminhará para uma página onde será apresentado o vídeo (conforme script e imagem a seguir):





WebMaster.PT - Trabalhando com galeria de vídeos


';
}elseif(preg_match("#http://www\.metacafe\.com/watch/(([^/].*)/([^/].*))/?#", $url, $matches)){
echo '';
}
}

$youtubeVideo1 = $_GET['url_video'];

embedVideo($youtubeVideo1,425,344);

?>


IMAGEM 03 (Visualizando o vídeo)

Visualizando o vídeo

Veja que o sistema não te dá apenas o recurso de visualizar o vídeo cadastrado. Através dele você poderá efetuar também busca personalizada através do próprio youtube (conforme imagem a seguir):

IMAGEM 04 (Buscando vídeo no Youtube)

Buscando vídeo no Youtube

OBS.: Como nosso foco é apenas a apresentação da solução, apenas inserimos as opções de inserção, visualização de vídeos cadastrados e exclusão.

Caso seja de seu interesse, este sistema poderá ser melhorado (tanto na aparência, quanto na inserção de novos recursos).

Espero que esta solução lhe ajude no dia a dia.

Como Usar O Leitor Personalizado Do Youtube No Seu Site

1 Star2 Stars3 Stars4 Stars5 Stars (2 votes, average: 5.00 out of 5)

3 Responses

  1. Muito bom o sistema, tava procurando um desse há muito tempo (já tinha até desistido de procurar) até que encontrei aqui por acaso! muito obrigado

  2. como faz pra colocar a galeria nativa do youtube com a tela do video do lado e miniaturas do outro…

Leave a Reply to paulo Cancel reply

Your email address will not be published. Required fields are marked *


Como Criar Um Site, Blog - WebMaster.pt