Obtenha dinamicamente miniaturas e títulos de vídeos vimeo
Pegando essa pergunta:Obter miniaturas do Vimeo?
Estou tentando criar uma página com vários vídeos vimeo nele.
Eu quero que os vídeos no HTML se pareçam com isto:
<div id='12345678' class='vimeo'></div>
<div id='23423423' class='vimeo'></div>
E então eu quero que o jQuery preencha odivs
com umimg
onde osrc
é a miniatura do vimeo e umaa
que aponta para o vídeo e cujo texto é o título do vídeo. Isto é, deve acabar assim:
<div id='12345678' class='vimeo'>
<a href='https://vimeo.com/12345678'>
<img src='url-to-thumbnail.jpg' />
Video Title
</a>
</div>
(Indentação adicionada para maior clareza)
Este é o meu ponto de partida dessa outra questão:
<script type="text/javascript">
$.ajax({
type:'GET',
url: 'http://vimeo.com/api/v2/video/' + video_id + '.json',
jsonp: 'callback',
dataType: 'jsonp',
success: function(data){
var thumbnail_src = data[0].thumbnail_large;
$('#thumb_wrapper').append('<img src="' + thumbnail_src + '"/>');
}
});
</script>
<div id="thumb_wrapper"></div>