Galeria de Vídeos Youtube e Vimeo

Galeria de Vídeos Youtube e Vimeo  com miniaturas + Painel Admin + Efeito Fancybox
Olá,

Um amigo do blog escreveu hoje um comentário sobre a necessidade de uma galeria de vídeos do youtube/vimeo e resolvi fazer um pequeno script.

No sistema é possível cadastrar vídeos do Youtube e Vimeo através do código (não link) que é parte do link usado para acessar os vídeos.

Para cadastrar os vídeos basta informar o código dos mesmos, exemplo:

1- Youtube
youtube.com/v=W6tB8Lf7YoU

Onde  W6tB8Lf7YoU é o código do vídeo, no entanto existem outros formatos para o youtube (trata-se de parâmetros adicionais), por exemplo:
youtube.com/v=W6tB8Lf7YoU&related=foobaz
Nestes casos o código termina no & e não deve ser informado nada além do que está entre = e &

2 – Vimeo
vimeo.com/24320919
Esse é o formato padrão do vimeo, geralmente não há nada além do código do vídeo.

Para usar o script basta criar uma única tabela e configurar o arquivo de conexão (dentro da pasta src estão as instruções de configuração);

Mas nem tudo são flores, começando  pelo Youtube, o problema:
– Não tem muita graça exibir somente o link do vídeo, tem que ter a miniatura para incentivar sua exibição
Daí vem  um possível problema, para recuperar as informações do vídeo e obter o caminho da miniatura é preciso fazer uma requisição a API do Youtube e creio haver
um limite de requisições por hora e por IP, ou seja, se você está testando o sistema e dando 100 refresh por segundo talvez os caras reclamem (te dar um chá de cadeira por determinado tempo) mas eu não tenho certeza, é bom dar uma lida nas docs da API.

Eu fiz N testes aqui e tá de boa, além disso, o sistema sendo visitado por centenas de pessoas com IP’s diferentes “não pega nada” o problema somos nós dando refresh para testar e enviando milhares de requisições do mesmo IP.

Bão sobre o Youtube é isso, é bom testar…
O Vimeo (adoro o vimeo, isso sim que é serviço) não tem nenhuma dificuldade, ou não encontrei nenhuma.

A outra coisa é que o painel admin não tem senha hahahahha poxa, isso dá para vocês fazerem de boa, junta um post daqui outro de lá, um teco de script acolá e faz a tela de login.
Eu não tive tempo de fazer tuuuudo!

Importante:  Qualquer linha alterada no main.js pode causar erro no script.

Bom, o link da demo e download é esse aqui

Comments

  1. By rafael

    Responder

  2. By rafael

    Responder

    • By Rafael Clares

      Responder

  3. By rafael

    Responder

  4. By Cláudia

    Responder

    • By Rafael Clares

      Responder

  5. Responder

    • By Rafael Clares

      Responder

    • By Russivan

      Responder

      • Responder

  6. By Marcio M

    Responder

    • By Rafael Clares

      Responder

      • By Marcio

        Responder

        • By Marcio

          Responder

          • By Rafael Clares

          • By Marcio

          • By Rafael Clares

  7. By MARCIO kkk

    Responder

    • By Marcio

      Responder

  8. By Kleyton Miranda

    Responder

    • Responder

      • By Kleyton Miranda

        Responder

  9. Responder

  10. Responder

    • Responder

  11. By Lauri Alexndre Pereira

    Responder

    • Responder

  12. By Daniel

    Responder

    • Responder

      • By Cleimar

        Responder

        • Responder

  13. Responder

  14. Responder

  15. Responder

    • Responder

  16. Responder

  17. By adiel

    Responder

    • Responder

  18. Responder

    • Responder

      • Responder

      • Responder

  19. By J Junior

    Responder

  20. By Carlos

    Responder

    • Responder

      • Responder

  21. Responder

  22. Responder

  23. By Daniel neto

    Responder

Perguntas duplicadas ou cujo a resposta esteja nos comentários serão ignoradas.
Comentários com códigos serão ignorados(para isso, use o pastebin.com e informe aqui o link).
Faça sua pergunta e "aguarde" ser aprovada para aparecer no blog.
Aguarde sua resposta, ela não é em tempo real, tenha paciência!

Deixe seu comentário

%d blogueiros gostam disto: