Play audio in JQuery

Question

Play audio in JQuery

Navigation

#1 by (3 votes)

0

In my HTML I have the following (in addition to the "display: none" in the css):

<audio class="audio">
    <source src="~/Audios/NUMEROS/ONE.ogg" type="audio/ogg">
</audio>

And to execute said Audio, I put the following code in my javascript file:

$(document).ready(function () {
    $(".audio").play();
});

But when I open the page, in console I get the following error:

Uncaught TypeError: audio.play is not a function

javascript jquery html audio

asked by Victor Matilla Sanchez 27.05.2018 в 17:48

source

1 answer

How to load image in angular 5? Classes and functions in PHP

score 3 · Accepted Answer

To execute the audio you have to specify its position in the array of elements that you have selected with jQuery. In this case it would be in such a way:

$(".audio")[0].play();

It is necessary to do it this way because the jQuery team decided not to add the play() function to all the elements, since it only affects those of audio .

Here is the official reasoning (in English): link