CODEWITHSUNDEEP
javascripthtml
user6358951
user6358951

Reputation: 13

I can not used javascript to control audio in chrome

When I click the button "play" or "pause", it does not work in Chrome:

<script>
    var audioPlayer = document.getElementsByName("player_audio");

    function play(){
        audioPlayer.play();
    }

    function pause(){
        audioPlayer.pause();
    }
</script>

HTML:

<audio id="player_audio" controls>
<source id="audio_sources" src="http://admin.test.cnrmobile.com/18/1463652002.aac">


<p>
<button onclick="play()"> play </button>
</p>
<p>
<button onclick="pause()"> pause </button>
</p>

Upvotes: 1

Views: 51

Answers (1)

gotnull
gotnull

Reputation: 27214

<!DOCTYPE html> 
<html> 
<body> 

<button onclick="playAudio()" type="button">Play Audio</button>
<button onclick="pauseAudio()" type="button">Pause Audio</button><br> 

<audio id="myAudio" width="320" height="176">
  <source src="http://admin.test.cnrmobile.com/18/1463652002.aac" type="audio/ogg">
  Your browser does not support HTML5 audio.
</audio>

<script> 
var aud = document.getElementById("myAudio"); 

function playAudio() { 
    aud.play(); 
} 

function pauseAudio() { 
    aud.pause(); 
} 
</script> 

</body> 
</html>

https://jsfiddle.net/0fjgxosu/

Your example with document.getElementById instead works just fine too:

<script>
    var audioPlayer = document.getElementById("player_audio");

    function play(){
        audioPlayer.play();
    }

    function pause(){
        audioPlayer.pause();
    }
</script>

https://jsfiddle.net/0fjgxosu/1/

Upvotes: 1

Related Questions