Obtén dinámicamente miniaturas y títulos de videos de vimeo.
Recogiendo de esta pregunta:Obtener img miniaturas de Vimeo?
Estoy tratando de crear una página con varios videos de vimeo en ella.
Quiero que los videos en HTML se vean así:
<div id='12345678' class='vimeo'></div>
<div id='23423423' class='vimeo'></div>
Y luego quiero que el jQuery rellene eldivs
con unimg
donde elsrc
es la miniatura de vimeo, y unaa
que apunta al video, y cuyo texto es el título del video. Es decir, debería terminar así:
<div id='12345678' class='vimeo'>
<a href='https://vimeo.com/12345678'>
<img src='url-to-thumbnail.jpg' />
Video Title
</a>
</div>
(Sangría añadida para mayor claridad)
Este es mi punto de partida de esa otra pregunta:
<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>