Codigo JS não acessa o player para controle.
Alguem poderia me ajudar a ver o erro do codigo, meu js nâo aponta para meu player d audio.
Obrigado!
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8">
<title>Cantora Gospel</title>
<meta name="">
<meta name="decription" content="">
<link rel="stylesheet" href="css/estilo.css">
<script src="javascript.js"></script>
<script type="text/javascript" src="js/controls.js"></script>
</head>
<body id="home">
<header>
<div id="wrapper">
<audio id="mytrack" controls>
<source src="audio/som.mp3" type="audio/mp3"/>
</audio>
<nav>
<div id="defaultBar">
<div id="progressBar"></div>
</div>
<div id="buttons">
<button type="button" id="playButton" onclick="playOrPause()"></button>
<button type="button" id="muteButton"></button>
<span id="currentTime">0:00</span>
/ <span id="fullDuration">0:00</span>
</div>
</nav>
</div>
</header>
<div class="container">
<nav id="menu">
<ul id="nav">
<li><a href="index.html" id="ho">Home</a></li>
<li><a href="news.html">News</a></li>
<li><a href="perfil.html">Perfil</a></li>
<li><a href="fotos.html"class="active">Fotos</a></li>
<li><a href="videos.html">Videos</a></li>
<li><a href="discografia.html">Discografia</a></li>
</ul>
</nav>
<section>Conteudo</section>
<aside>Relacionado</aside>
<footer>Roda Pé</footer>
</div>
</body>
</html>Javascript.
var mytrack = document.getElementById('mytrack');
var playButton = document.getElementById('playButton');
function playOrPause(){
if(!mytrack.paused && !mytrack.ended){
mytrack.pause();
playButton.style.backgroundImage = 'url(../imagens/play.png)';
}mytrack.play();
playButton.style.backgroundImage = 'url(../imagens/pause.png)';
}
}Discussão (6)
Carregando comentários...