[Dúvida] Gostaria de um explicação

Olá, Juan.

Tudo bem?

Na verdade o vídeo é adicionado no db.json, a apartir do db.json eles são mostrados na tela, o que é mostrado na tela no caso os "vídeos" são um reflexo do db.json. Faz um teste, abre o arquivo db.json e adiciona as propriedades do vídeo direto nele e recarrega a página, seu vídeo vai aparecer na tela.

O código responsável por adicionar o vídeo no db.json é esse:

async function criaVideo(titulo, descricao, url, imagem) {
    const conexao = await fetch("http://localhost:3000/videos", {
        method: "POST",
        headers: {
            "Content-type": "application/json"
        },
        body: JSON.stringify({
            titulo: titulo,
            descricao: `${descricao} mil visualizações`,
            url: url,
            imagem: imagem
        })
    });
    if (!conexao.ok) {
        throw new Error("Não foi possível enviar o vídeo")
    }
    const conexaoConvertida = conexao.json();

    return conexaoConvertida;
}

Essa função usa o fetch para fazer a solicitação POST para o servidor o POST serve para adicionar algo no servidor nesse caso no db.json. O corpo da solicitação é um objeto JSON criado com base nos parâmetros fornecidos. O objeto JSON inclui as propriedades titulo, descricao, url e imagem.

Já para mostrar os vídeos na tela é o método listaVideos() que busca os dados do db.json.

Espero ter ajudado. Qualquer dúvida manda aqui. Valeu Juan.