Já tentei de tudo, e sempre aparece esse erro 
Solucionado
Já tentei de tudo, e sempre aparece esse erro
Oi Vitor, tudo bem?
Você poderia mandar seu código completo aqui? Você pode usar a ferramenta de inserir bloco de código </>. Que assim podemos copiar e colar para fazermos testes e te ajudar.
Caso haja alguma dúvida de como fazer, você pode assistir esse alura+ sobre como turbinar seus estudos com o fórum.
Um abraço e bons estudos.
Oii Lorena! Tudo sim ! Segue o Código
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="../css/reset.css">
<link rel="stylesheet" href="../css/estilos.css">
<link rel="stylesheet" href="../css/estilos-form.css">
<link rel="stylesheet" href="../css/flexbox.css">
<title>AluraPlay</title>
<link rel="shortcut icon" href="./img/favicon.ico" type="image/x-icon">
</head>
<body>
<!-- Cabecalho -->
<header>
<nav class="cabecalho">
<a class="logo" href="../index.html"></a>
<div class="cabecalho__icones">
<a href="./enviar-video.html" class="cabecalho__videos"></a>
</div>
</nav>
</header>
<main class="container">
<form class="container__formulario" data-formulario>
<h2 class="formulario__titulo">Envie um vídeo!</h3>
<div class="formulario__campo">
<label class="campo__etiqueta" for="url">Link embed</label>
<input name="url" class="campo__escrita" required
placeholder="Por exemplo: https://www.youtube.com/embed/FAY1K2aUg5g" id='url' data-url />
</div>
<div class="formulario__campo">
<label class="campo__etiqueta" for="titulo">Titulo do vídeo</label>
<input name="titulo" class="campo__escrita" required placeholder="Neste campo, dê o nome do vídeo"
id='titulo' data-titulo/>
</div>
<div class="formulario__campo">
<label class="campo__etiqueta" for="imagem">Imagem de perfil</label>
<input name="imagem" class="campo__escrita" required placeholder="Insira a url da imagem"
id='imagem' data-imagem/>
</div>
<input class="formulario__botao" type="submit" />
</form>
</main>
<script src="../javascript/criarVideo.js" type="module"></script>
</body>
</html>import { conectaApi } from "./conectApi.js";
const formulario = document.querySelector("[data-formulario]");
async function criarVideo(evento){
evento.preventDefault();
const imagem = document.querySelector("[data-imagem]").value;
const url = document.querySelector("[data-url]").value;
const titulo = document.querySelector("[data-titulo]").value;
const descricao = Math.floor(Math.random() * 10).toString();
await conectaApi.criaVideo(titulo, descricao, url, imagem);
window.location.href = "../pages/envio-concluido.html";
}
formulario.addEventListener("submit", evento => criarVideo(evento));async function listaVideos() {
const conexao = await fetch("http://localhost:3000/videos");
const conexaoConvertida = await conexao.json();
return conexaoConvertida
}
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ção`,
url: url,
imagem: imagem
})
});
const conexaoConvertida = conexao.json();
return conexaoConvertida;
}
async function buscaVideo(termoDeBusca){
const conexao = await fetch(`http://localhost:3000/videos?q=${termoDeBusca}`);
const conexaoConvertida = conexao.json();
return conexaoConvertida
}
export const conectaApi = {
listaVideos,
criaVideo,
buscaVideo
}Oi Vitor, tudo bem?
Na hora que você está colocando a URL do vídeo, está colocando com embed? Lembrando que para dar certo você precisa mudar a url.
Por exemplo ao copiarmos o a url do youtube ele vem assim:
https://youtu.be/fpth65ts3cw
Mas então precisamos mudar a url para:
https://youtube.com/embed/fpth65ts3cw
Que aí o vídeo irá aparecer.
Um print de como fica com embed e sem ele:
Pelo o que vejo o erro pode ser esse. Confirma pra mim se você está usando o embed, por favor?
Um abraço e bons estudos.
Oii Lorena! Agora deu tudo Certo! Obrigadoooo!