Playing Sound In Hidden Tag

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…

audio { display:none;}
<audio autoplay="true" src="https://upload.wikimedia.org/wikipedia/commons/c/c8/Example.ogg">

 Run code snippetExpand snippet

The css hides the audio element, and the autoplay="true" plays it automatically.

Related Posts:

  1. How to make music autoplay and loop in background
  2. CSS calc width and height values
  3. HTML encoding issues – “” character showing up instead of ” “
  4. Center image using text-align center?
  5. CSS Background Opacity [duplicate]
  6. How to create an HTML button that acts like a link
  7. What does In html mean
  8. Remove CSS class from element with JavaScript (no jQuery) [duplicate]
  9. How to get a tab character?
  10. How to make JavaScript execute after page load?
  11. Is there an upside down caret character?
  12. Prevent line-break of span element
  13. Stop floating divs from wrapping
  14. Expected RBRACE, but the bracket is there?
  15. How to make an image center (vertically & horizontally) inside a bigger div
  16. How to center text with Markdown?
  17. How can I get the values of data attributes in JavaScript code?
  18. Disable Scrolling on Body
  19. Darken CSS background image?
  20. Alternative to iFrames with HTML5
  21. Responsive image map
  22. How to wrap text around an image using HTML/CSS
  23. javascript close current window
  24. How to make a whole ‘div’ clickable in html and css without JavaScript?
  25. How (and why) to use display: table-cell (CSS)
  26. Vertical Text Direction
  27. How to darken a CSS background image?
  28. How can I create a marquee effect?
  29. What is “X-Content-Type-Options=nosniff”?
  30. How to download HTTP directory with all files and sub-directories as they appear on the online files/folders list?
  31. How to set Helvetica font?
  32. Indent starting from the second line of a paragraph with CSS
  33. How to make an input type=button act like a hyperlink and redirect using a get request?
  34. Resize image with javascript canvas (smoothly)
  35. Get checkbox value in jQuery
  36. Including external HTML file to another HTML file [duplicate]
  37. CSS list-style-image size
  38. How to display hr horizontally with flex?
  39. How can I override Bootstrap CSS styles?
  40. Can’t fix: ‘og:image’ property should be explicitly provided, even if a value can be inferred from other tags
  41. How to disable auto-play for local video in iframe
  42. Styling an input type=”file” button
  43. How to stick footer to bottom (not fixed) even with scrolling
  44. How to semantically add heading to a list
  45. Multiple distinct pages in one HTML file
  46. How to change the background-color of jumbrotron?
  47. JavaScript: Get image dimensions
  48. What replaces cellpadding, cellspacing, valign, and align in HTML5 tables?
  49. vertical-align with Bootstrap 3
  50. What is the difference between localStorage, sessionStorage, session and cookies?
  51. How to display Base64 images in HTML
  52. How do I align in my image to move it vertically up?(CSS,HTML)?
  53. How to center links in HTML
  54. Bootstrap Columns Not Working
  55. How to center an unordered list?
  56. How to fix “insecure content was loaded over HTTPS, but requested an insecure resource”
  57. How to make div appear in front of another?
  58. PHP Include Nav-bar For Every Page Techniques?
  59. Form inside a table
  60. How do I change the font color in an html table?
  61. Do you have to include link rel=”icon” href=”favicon.ico” type=”image/x-icon” /?
  62. JQuery: ‘Uncaught TypeError: Illegal invocation’ at ajax request – several elements
  63. What is the best practice for creating a favicon on a web site?
  64. HTML tag is not working
  65. How to resize an image to fit in the browser window?
  66. HTML / CSS table with GRIDLINES
  67. How to embed a Google Drive folder in a website
  68. Pure HTML Back Button
  69. How to access and download a file from a server using HTML 5
  70. Display text on MouseOver for image in html
  71. Layout a flex box similar to a table?
  72. html : iframe not showing content in html
  73. How can I capture the right-click event in JavaScript?
  74. In which directory do I find the HTML file of my wordpress pages?
  75. How can I publish Word files to a WordPress blog without losing the footnotes?
  76. Preserve white-space in Page
  77. How do we remove mystical [X] from text? Image included
  78. Remove html markup by wordpress
  79. How can I set different html lang attribute for different countries?
  80. Add Attribute to p Tag of Post Content
  81. custom html in page change in browser
  82. Add Adsense to a website but the server responds with error 510 [closed]
  83. Can’t save any WordPress post with the html tag in it
  84. remove string: ‘custom content…’ from every page
  85. How to disable escaping html chars in wordpress?
  86. Whitespace Before Doctype
  87. html entities occur in the_excerpt used as meta description
  88. Allow Access To Subfolder Of HTML For Logged In Visitors
  89. Removing Line Break Tags from a Page
  90. Insert data through a script directly in the db
  91. Using Tags Instead of Categories for site structure
  92. Use Mail-Tag from Contac Form 7 in a script
  93. Line break before headings () appears from nowhere
  94. Tidy HTML formatting in Gutenberg HTML blocks
  95. Unable to autoplay and loop a cinemagraph from Imgur
  96. standard callback function for wp_list_comments
  97. How to replace a specific html tag in bulk?
  98. Inserting code into a page just shows raw HTML
  99. How can I insert a disclaimer in a WordPress site?
  100. Minify HTML on specific page

Leave a Comment