Meu código não funciona como esperado .Meu objetivo é quando clicar no Botão , mude para o video2 . É necessário que coloquem dois vídeos no lugar da # , para verem o resultado.Espero que entendam !!!
Change Video
Preciso de ajuda com meu Código javaScript
5 Respostas
Olá amigo, coloque o código que você já fez.
Change Video
Espero que vc compreenda meu objetivo Francisco Chaves!!! Obrigado.
Não estou conseguindo te enviar o código.
Change Video
Oi fabioeykla, poderia tentar explicar um pouco melhor o teu problema? Tu está utilizando a tag video?
De qualquer forma, montei um pequeno exemplo utilizando jQuery, onde há um botão que ao ser clicado, altera o atributo src de uma tag source (que por sua vez está dentro da tag video). Aqui está:
<!DOCTYPE html>
<html>
<head>
<title>Teste de vídeos</title>
<meta charset="utf-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
</head>
<body>
<button id="botaoProximo">Próximo vídeo</button>
<video>
<source id="video" src="video1.mp4" type="video/mp4">
O navegador não suporta a tag video!
</video>
<script type="text/javascript">
$(function(){
console.log($("#video").attr("src"));
$("#botaoProximo").click(function() {
$("#video").attr("src", "video2.mp4");
console.log($("#video").attr("src"));
});
});
</script>
</body>
</html>
Não sei se era isso que tu precisava, se estiver utilizando um iframe (para embarcar um vídeo do youtube por exemplo), pode basicamente ajustar esse código para mexer no atributo que deseja!
Muito obrigado elvex vou testar este código para ver se compreendo.
Criado 22 de dezembro de 2017
Ultima resposta 29 de dez. de 2017
Respostas 5
Participantes 3