JSFiddle - React, Tailwind, and code Playground
HTML
<img alt="" data-vimeo-id="183637276" />
<img alt="" data-vimeo-id="183637276" />
JavaScript
var getVimeoThumbnail = function(id) {
$.ajax({
type:'GET',
url: 'http://vimeo.com/api/v2/video/' + id + '.json',
jsonp: 'callback',
dataType: 'jsonp',
success: function(data){
var thumbnail_src = data[0].thumbnail_small;
$('[data-vimeo-id='+id+']').attr('src', thumbnail_src);
}
});
};
var drawVimeoImages = function() {
var vimeoImgDataAttr = 'data-vimeo-id',
vimeoThumbnails = $('[' + vimeoImgDataAttr + ']'),
vimeoThumbnailsLength = vimeoThumbnails.length;
if(vimeoThumbnailsLength) {
for(var i=0, l = vimeoThumbnailsLength; i < l; i++) {
var vimeoImg = $(vimeoThumbnails).get(i),
vimeoImgId = $(vimeoImg).attr(vimeoImgDataAttr);
getVimeoThumbnail(vimeoImgId);
}
}
};
drawVimeoImages();