Autoplay an audio with HTML5 embed tag while the player is invisible

Question

I want to autoplay a MP3 audio file and I don t want the player to be visible   lt div id  quot music quot  gt  lt embed src  quot Comfortably Numb mp3 quot  autostart true loop false gt  lt  div gt   When I added display none to the audio tag using css  it doesn t play the music at all  Could someone explain me hot to play the music without displaying the player

User · Answer

Sometimes autoplay is needed  Someone once pointed out that the famous Les Paul Google Doodle  2011  required autoplay  even though the sound didn t play until you moused over the guitar strings  If it s done with class and great design it can be beautiful  especially movie websites with immersive design

User · Answer

If you are using React  make sure autoplay is set to   autoPlay   React wants it to be camelcase

User · Answer

I used this code     lt div style  visibility hidden  gt       lt audio autoplay loop gt           lt source src  Aakaasam-Yemaaya Chesave mp3  gt       lt  audio gt    lt  div gt    It is working well but i want stop and pause button  So  we can stop if we don t want to listen

User · Answer

You Could use this code  It s Works with me   lt div style  visibility hidden  gt       lt audio autoplay loop gt           lt source src     audio audio mp3  gt       lt  audio gt    lt  div gt

User · Answer

For future reference to people who find this page later you can use    lt audio controls autoplay loop hidden gt   lt source src  kooche mp3  type  audio mpeg  gt   lt p gt If you can read this  your browser does not support the audio element  lt  p gt   lt  audio gt

User · Answer

lt div id  music  gt   lt audio autoplay gt     lt source src  kooche mp3  type  audio mpeg  gt     lt p gt If you can read this  your browser does not support the audio element  lt  p gt   lt  audio gt   lt  div gt    And the css    music     display none      Like suggested above  you probably should have the controls available in some form  Maybe use a toggle link checkbox that slides the controls in via jquery    Source  HTML5 Audio Autoplay

User · Answer

Sensitive  era  Modern browsers today seem to block  by default  these autoplay features  They are somewhat treated as pop-ops  Very intrusive  So yeah  users now have the complete control on when the sounds are played   1 2 3   HTML5 era   lt audio controls autoplay loop hidden gt       lt source src  audio mp3  type  audio mpeg  gt   lt  audio gt    Early days of HTML   lt embed src  audio mp3  style  visibility hidden    gt    References   Jer Noble  New  lt video gt  Policies for iOS  WebKit  link Allow or block media autoplay in Firefox  FireFox Help  link Mounir Lamouri  Unified autoplay  Chromium Blog  link Embedded content  World Wide Web Consortium  link

User · Answer

You can use this simple code    lt embed src  audio mp3  AutoPlay loop hidden gt    for the result seen here  https   hataken 000webhostapp com list-anime html

User · Answer

Alternatively you can try the basic thing to get your need    lt audio autoplay loop gt         lt source src  johann sebastian bach air mp3  gt   lt  audio gt    For further reference click here

[html] Autoplay an audio with HTML5 embed tag while the player is invisible

Examples related to html

Examples related to audio

Examples related to mp3

Examples related to autoplay