<!DOCTYPE html>
<html>
<body>
<button onclick="myFunction()" type="button">Change Video</button><br>
<video id="myVideo" controls autoplay>
<source id="video1" src="#.mp4" type="video/mp4">
<source id="video2" src="#.mp4" type="video/mp4">
Your browser does not support HTML5 video.
</video>
<script>
function myFunction() {
document.getElementById("video1").src = "movie.mp4";
document.getElementById("video2").src = "movie.mp4";
document.getElementById("myVideo").load(); // Essa é a função que faz mudança de vídeo no botão.
}
</script>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 !!!!
