HTML5 audio not working on Firefox

by

Most servers (including those used by GoDaddy) by default don’t serve the appropriate MIME Types for OGG files. That being the case, you’ll need set the appropriate MIME Types for OGG files if you want HTML5 audio players to work correctly in Firefox. So for an Apache server, you would need to add the following to your .htaccess file:

AddType audio/ogg .oga
AddType video/ogg .ogv
AddType application/ogg .ogg

Evidently, other browsers will guess the MIME Type based on file extension if a MIME Type isn’t served.

If you want more info about this, check this page on the Mozilla Developer Network: https://developer.mozilla.org/en/Configuring_servers_for_Ogg_media

More Related Contents:

  1. Button inside of anchor link works in Firefox but not in Internet Explorer?
  2. Hide scroll bar, but while still being able to scroll
  3. Is there a tag to turn off caching in all browsers? [duplicate]
  4. CSS technique for a horizontal line with words in the middle
  5. css ‘pointer-events’ property alternative for IE
  6. What are all the valid self-closing elements in XHTML (as implemented by the major browsers)?
  7. How to get HTML 5 input type=”date” working in Firefox and/or IE 10
  8. How can I draw vertical text with CSS cross-browser?
  9. Remove white space above and below large text in an inline-block element
  10. Setting transform-origin on SVG group not working in Firefox
  11. Flexbox and Internet Explorer 11 (display:flex in ?)
  12. Flexbox alternative for IE9
  13. local (file://) website favicon works in Firefox, not in Chrome or Safari- why?
  14. Flexbox column-reverse in Firefox, Edge and IE
  15. Workaround for href=”file://///…” in Firefox
  16. Bug With Firefox – Disabled Attribute of Input Not Resetting When Refreshing
  17. Audio Tag Autoplay Not working in mobile
  18. Fallback for CSS attributes without unit
  19. How can I get the html5 audio’s duration time
  20. The right way of setting when it’s a local file
  21. HTML embed autoplay=”false”, but still plays automatically
  22. Firefox 30 is not hiding select box arrows anymore
  23. text-decoration not working for visited state link
  24. Is it possible to change the order of list items using CSS3?
  25. Disable Firefox’s Auto-fill
  26. 2 colors in one placeholder of input field
  27. Cross browser method to fit a child div to its parent’s width
  28. IE Compatibility Mode: ‘X-UA-Compatible’ tag ‘Edge’
  29. Flex elements ignore percent padding in Firefox
  30. Autoplay audio on mobile safari

Leave a Comment