{"size": 811, "ext": "js", "max_stars_repo_path": "src/public/js/utils/renderVideos.js", "max_stars_repo_name": "AxelDavid45/ibm-speech-to-text-frontend", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/public/js/utils/renderVideos.js", "max_issues_repo_name": "AxelDavid45/ibm-speech-to-text-frontend", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/public/js/utils/renderVideos.js", "max_forks_repo_name": "AxelDavid45/ibm-speech-to-text-frontend", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 32.44, "max_line_length": 94, "alphanum_fraction": 0.5117139334}
function renderVideos (response, keyword) {
  const resultSection = document.getElementById('youtube-results');
  let html = `
<div class="row">
<h5>Busqueda usando <strong>${keyword} </strong>como palabra clave</h5>`;
  response.items.forEach(searchResult => {
    html += `
    <div class="col s6">
                <div class="card-panel">
                    <div class="video-container">
                        <iframe
                                src="https://www.youtube.com/embed/${searchResult.id.videoId}"
                                encrypted-media;
                                frameborder="0" allowfullscreen></iframe>
                    </div>
                </div>
            </div>
    `;
  });
  html += '</div>';
  resultSection.innerHTML += html;
}

export default renderVideos;
