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
Nenhum comentário ainda.
RSS feed para os comentários desse post. URL de TrackBack