const elementoInserirVideos = document.getElementById("lista__videos");
function constroiCard(listaVideos) {
listaVideos.forEach((video) => {
const videoHTML = `<li class="videos__item">
<iframe width="100%" height="72%" src="${video.url}"
title="${video.titulo}" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe>
<div class="descricao-video">
<img src="${video.imagem}" alt="logo canal">
<h3>${video.titulo}</h3>
<p>${video.descricao}</p>
</div>
</li>`;
elementoInserirVideos.insertAdjacentHTML('beforeend', videoHTML);
});
}
