How to click a button with event in JavaScript?

Question

There is a website called https://freesound.org and I would like to press the play button with JavaScript.

I tried

document.getElementsByClassName("play toggle")[0].click();

and it works only if you have already clicked anywhere in the page. I also tried focus() on an element in the page but it will not work. Do I need to do this with an input event? How I could?

Answer 1

Media autoplay behavior is browser dependent. For instance, Chrome does not allow audio autoplay until the user has interacted with the page (click, tap, etc).

If you are only worried about autoplay in your browser, Chrome has a flag that you can set to allow audio to play without user interaction. If you are trying to create a script/extension/etc that will impact other users, you will need to research the behavior of the browser(s) you are targeting.

Edit: just saw that you are using Firefox Portable. Information about autoplay behavior can be found here.