Tenho duvidas se esse método utilizado é certo, aprendi no curso anterior a este de "métodos de Array". Desde já agradeço! =')
conectaApi
videos = []
listaVideos()
async function listaVideos() {
const conexao = await fetch('http://localhost:3000/videos');
videos = await conexao.json();
mostraVideosNaTela(videos);
}
mostrarVideosNaTela()
function mostraVideosNaTela(videos) {
videosConteiner.innerHTML = ''
videos.forEach(video => {
videosConteiner.innerHTML += `
<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 alura">
<h3>Qual é o melhor hardware para programação com Mario Souto</h3>
<p>${video.descricao}</p>
</div>
</li>
`
})
}