JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://raw.github.com/embedly/embedly-jquery/master/jquery.embedly.min.js"></script>
<div class="newscontainer">
<a href="http://www.nu.nl/buitenland/2993321/honderden-mensen-ziek-cruiseschepen.html">nu</a>
<a href="http://www.nu.nl/">nu</a>
<a href="http://www.nu.nl/">nu</a>
<a href="http://www.nu.nl/buitenland/2993321/honderden-mensen-ziek-cruiseschepen.html">nu</a>
</div>
CSS
img {
max-height: 100px;
width: 50px;
float:left;
padding: 5px;
}
.embed {
height: 1000px;
padding-bottom: 50px;
}
JavaScript
$('document').ready(function() {
$('div.newscontainer').embedly({
key: ':3eccf441bf0f43acbb076da9817af27d',
success: function(oembed, dict) {
output = $(oembed['code']);
description = $(oembed['code']).find(".description").text();
var regex =new RegExp(output.find('.provider').text(),"i");
if(regex.exec(description) == null && description !== "" ) {
$(dict["node"]).parent().html(output);
}
output.find("a:eq(0)").text(); // First
output.find("a:eq(1)").text(); // Provider
}
});
});