javascript中的click（）无法正常运行，但在控制台中可以正常运行

Question

I want to play a music from soundcloud in my website and it doesn't autoplay in Chrome. so to resolve this problem i decided to auto click on a play and pause button when page load. but i have a new problem now and the click() is not working :(

here's the code:

 setTimeout(function() { console.log("a"); document.getElementById("play").click(); }, 1000); 

  <section id="audioW"> <a href="#" id="play" onload="autoclick('#play')"><img src="https://saeedrezvanian.com/wp-content/themes/saeedrezvanian/img/play.svg" alt="control" id="control"></a> <a href="https://soundcloud.com/barfakmusic" target="_blank" id="audio">Barfak</a> </section> 

"a" showed up in console fine but the play button never clicked

I hope somebody can help me

Answer 1

Retoric question: Why would they set up this limitation on autoplay attribute and HTMLMediaElement.play() method if all that were needed was an HTMLElement.click() ?

You need an USER-gesture .

---

To your click issue that looks like a typo: onload => onclick