Agregando conhecimento…
O código HTML dos exemplos abaixo segue essa estrutura: (note que ‘div.yt_holder’ não é requirida pelo plugin e é usada aqui apenas para estilizar a área do vídeo).
EXEMPLO DO HTML
<div class="yt_holder">
<div id="ytvideo"></div>
<ul class="demo1">
<li><a href="http://www.youtube.com/watch?v=qtfCcn1Y6vs">Video 1</a></li>
<li><a href="http://www.youtube.com/watch?v=0liVa_49oa0">Video 2</a></li>
<li><a href="http://www.youtube.com/watch?v=GueU0EwSZN0">Video 3</a></li>
</ul>
</div>
Javascript necessário na configuração mais básica sem opções sendo utilizadas.
1 2 3 | $(function(){ $("ul.demo1").ytplaylist(); }); |
Javascript com autoplay desligado, miniaturas e outro seletor.
1 2 3 | $(function(){ $("ul.demo2").ytplaylist({addThumbs:true, autoPlay: false, holderId: 'ytvideo2'}); }); |
Arquivos
jquery-1.3.1.js
jquery.youtubeplaylist.js
Exemplo On-line
Exemplo Comprimido
Página para publicar e armazenar conteúdo relacionado a Desenvolvimento Web:
PHP, MySQL, Javascript, JQuery, CSS e as novas tecnologias do momento.
Façam comentários, perguntas e sugestões que ficarei satisfeito por recebê-los.
Shiguenori Junior
20 Plugins para jQuery | Renan Lima
janeiro 7th, 2010 at 14:24
[...] Playlist Youtube – Exiba uma playlist do youtube com o [...]
20 Plugins para jQuery | TI New'S
março 18th, 2010 at 9:26
[...] Playlist Youtube – Exiba uma playlist do youtube com o [...]
Sandro Josant ferreira
agosto 17th, 2010 at 19:52
Como fazer para que os videos seja adicionados automaticamente sempre que atualizo minha lista ou videos no youtube?
Junior
agosto 19th, 2010 at 19:54
@Sandro Josant ferreira este plugin pode ser utilizado com alguma linguagem de programação (PHP por exemplo). Utilizando um banco de dados você pode fazer um laço e exibir a playlist no seu site. Se estiver com dúvidas em colocar isso em prática é só falar.
Carlos da Silva
julho 22nd, 2011 at 11:50
Prezado Junior,
Como faço para inibir a apresentação daquelas miniaturas de video do youtube que ficam no rodapé do vídeo, após o termino do mesmo ?
Grato,
Carlos
Junior
agosto 10th, 2011 at 17:07
@Carlos da Silva vc tentou utilizar a opção &rel=0 no endereço do vídeo?
Abaixo uma lista com mais opções (os valores em geral é zero ou um)
Título e Pontuações: &showinfo=0
Pesquisa: &showsearch=0
Videos Relacionados: &rel=1
Anotações: &iv_load_policy=3
Forçar Closed Captions: &cc_load_policy=1
AutoPlay: &autoplay=1
Loop do vídeo: &loop=1
Remover Opção de tela cheia: &fs=0
Remover logod o Youtube: &modestbranding=1
Para mais personalização tente utilizar a API