Playing Sound In Hidden Tag

Question

I am trying to set sound on web page   I found this code  It is working code when the div is visible but I want to be hidden and working  In this case it is not working because it is hidden with style attribute  How to make it not visible and playing sound at the same time     lt div style  display none  gt      lt embed src  sound mp3   gt    lt  div gt

User · Answer

I have been trying to attach an audio which should autoplay and will be hidden  It s very simple  Just a few lines of HTML and CSS  Check this out      Here is the piece of code I used within the body     lt div id  player  gt       lt audio controls autoplay hidden gt        lt source src  file mp3  type  audio mpeg  gt                  unsupported          lt  audio gt   lt  div gt

User · Answer

lt audio id  audio  style  display none   src  mp3 Fans-Mi-tooXclusive com mp3  controls autoplay loop onloadeddata  setHalfVolume    gt     This auto-plays  hides the music and reduces the music even if system volume is high to avoid noise  Place this in script    lt script gt      function setHalfVolume             var myAudio   document getElementById  audio            myAudio volume   0 2         lt  script gt

User · Answer

x000D   x000D  audio   display none   x000D   lt audio autoplay  true  src  https   upload wikimedia org wikipedia commons c c8 Example ogg  gt  x000D   x000D   x000D

User · Answer

I hope people would allow them to turn things such as music off  as for button clicks  Sometimes  those are pretty cool   Use the   lt audio controls autoplay hidden  hidden  gt      lt source src   file here   type   file extension   mp3  ogg etc     gt      lt  --This displays an error to users that don t have it supported-- gt     Your browser does not support the audio element      lt  audio gt   As you can see  I don t like to repeat myself much  But I decided with the hidden tag   Hope this helps

User · Answer

That s how I achieved it  which is not visible  HORRIBLE SOUND        lt  -- horrible is your mp3 file name any other supported format -- gt   lt audio controls autoplay hidden    src  horrible mp3  type   audio mp3   gt your browser does not support Html5 lt  audio gt

User · Answer

lt audio autoplay gt   lt source src  file mp3  type  audio mpeg  gt   lt  audio gt    It removes the auto play bar but still plays the music  Invisible sounds

User · Answer

Usually  what I do is put the normal audio tag  and then put autoplay  true  and  I don t add  controls   true  and that usually works for me  I put this in a snippet and also made a jsfiddel here  Hope this helps     x000D   x000D   lt audio autoplay  true   x000D  src  https   res cloudinary com foxyplays989 video upload v1558369838 LetsGo mp3  gt   x000D   lt  audio gt  x000D   x000D   x000D

User · Answer

I agree with the sentiment in the comments above     this can be pretty annoying  We can only hope you give the user the option to turn the music off   However      x000D   x000D  audio   display none   x000D   lt audio autoplay  true  src  https   upload wikimedia org wikipedia commons c c8 Example ogg  gt  x000D   x000D   x000D    The css hides the audio element  and the autoplay  true  plays it automatically

[html] Playing Sound In Hidden Tag

Examples related to html

Examples related to audio