Cenário teste
Tenho uma página com os seguintes elementos:
<audio id="aud1" src="audio/1.ogg" type="audio/ogg"></audio>
<audio id="aud2" src="audio/2.ogg" type="audio/ogg"></audio>
<audio id="aud3" src="audio/3.ogg" type="audio/ogg"></audio>
E uma função:
$.ajax({
url : "x.php",
type : "post",
dataType: "text",
data : data,
cache: false,
success : function(response) {
if (response == '1') {
document.getElementById('aud1').play();
} else if (response == '2') {
document.getElementById('aud2').play();
} else if (response == '3') {
document.getElementById('aud3').play();
} else if (response == 'E'){
alert('Erro.')
}
},
error : function() {
alert('error');
}
})
Conforme o retorno da requisição por ajax, a função irá dar play no áudio. Funcionando perfeitamente.
Problema
Quando uso $('#aud1').play()
, me retorna o seguinte erro:
Uncaught TypeError: $(...).play is not a function
Dúvida
- Existe uma forma de dar "play" no áudio via jQuery?