Creating a carousel of tweets using an embedded timeline and OwlCarousel

I need to create a carousel (using OwlCarousel) that shows up to 20 twits from a twitter search. I embedded the timeline using:

<a class="twitter-timeline" XXXXXXX" data-widget-id="XXXXXX" data-tweet-limit="20" data-chrome="nofooter noborders noscrollbar transparent">XXXXXX</a>
<script>!function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0], p = /^http:/.test(d.location) ? 'http' : 'https'; if (!d.getElementById(id)) { js = d.createElement(s); js.id = id; js.src = p + "://platform.twitter.com/widgets.js"; fjs.parentNode.insertBefore(js, fjs); } }(document, "script", "twitter-wjs");</script>

And, as the container of tweets is ol.h-feed (in their iframe) I thought that creating a carousel like this could work:

$('.stream .h-feed').owlCarousel({
    items: 3
});

...but it didn't work and there are no errors on the console. How can I do it?