homepage.html
<script>
function playAudio(audio_src){
console.log('audio src: ' + audio_src);
var player = document.getElementById('player');
player.src = audio_src;
player.load();
player.play();
return false;
}
</script>
<audio id='player' controls autoplay>
</audio>
<a href="#" id = "music-link" onClick= "return playAudio({{this.id}});">Play Music</a>
Upon clicking the link with an ID of "music-link," which contains a valid URL, only a "#" is added to the address bar. The audio element does not start playing as expected.