JSFiddle - React, Tailwind, and code Playground

HTML

<h1>vídeos de gatitos en youtube</h1>

<!-- cargamos jquery para que sea más fácil hacer la petición AJAX -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<!-- mostramos 3 vídeos de gatitos usando la API de youtube -->
<script>
var query = 'cats';
var max_results = 3;
var youtube_key = 'AIzaSyCR5In4DZaTP6IEZQ0r1JceuvluJRzQNLE';

var url = 'https://www.googleapis.com/youtube/v3/search?q='+query+'&part=snippet&maxResults='+max_results+'&key='+youtube_key;
    
$.getJSON( url, function( data ) {
  $.each( data.items, function( key, item ) {
    html = '<a href="'+item.id.videoId+'" target="_blank">'+item.snippet.title+'<br><img src="'+item.snippet.thumbnails.default.url+'"></a><br><br>';
    document.write(html);
  });
});
</script>