JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<div id="content">

</div>

JavaScript

var parsedList = [];
parsedList.push({'title': 'test', 'embed': '<iframe class="embedly-embed" src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fi.imgur.com%2F…key=2aa3c4d5f3de4f5b9120b660ad850dc9&amp;type=video%2Fmp4&amp;schema=imgur" width="200" height="160" scrolling="no" frameborder="0" allowfullscreen> </iframe>'});

document.getElementById('content').innerHTML = '<div class="list-group">';
for (var i = 0 ; i < parsedList.length; i++){

  if (parsedList[i].embed != null){
    parsedList[i].embed = parsedList[i].embed.replace(/width=".*?"/, 'width="200"');
    parsedList[i].embed = parsedList[i].embed.replace(/height=".*?"/, 'height="160"');
    document.getElementById('content').innerHTML += '<a href="#" class="list-group-item">' + parsedList[i].embed + parsedList[i].title + '</a>';
  }
}
document.getElementById('content').innerHTML += '</div>';