Is it possible to use data URIs in video and audio tags?

These are my test results. I’ll try with Ogg as well if prompted.

Legend

  • W = Wave, WD = Wave with base64 encoded data:uri
  • M = MP3, MD = MP3 with base64 encoded data:uri

Test results

  • Chrome 6.0.472.55: M, MD (no wave)
  • Firefox 3.6: W, WD (no mp3:s)
  • Firefox 4.0b1: W, WD (no mp3:s)
  • iPad iOS 3.2: W, M (no data:uri)
  • iPhone iOS 4: W, M (no data:uri)
  • Opera 10.62: W, WD (no mp3:s)
  • Safari 5.0.1: W, WD, M, MD

Related Contents:

  1. Hide scroll bar, but while still being able to scroll
  2. How to style the option of an html “select” element?
  3. How to disable a link using only CSS
  4. Change color of PNG image via CSS?
  5. Use images instead of radio buttons
  6. How to set tbody height with overflow scroll
  7. Why are Bootstrap tabs displaying tab-pane divs with incorrect widths when using highcharts?
  8. How to change the button text of ?
  9. Make background color extend into overflow area
  10. Style input type file? [duplicate]
  11. How to Right-align flex item?
  12. Using margin:auto to vertically-align a div
  13. Display PDF within web browser
  14. Using Position Relative/Absolute within a TD?
  15. Why is a div with “display: table-cell;” not affected by margin?
  16. What is DOM reflow?
  17. Resource interpreted as stylesheet but transferred with MIME type text/html (seems not related with web server)
  18. Why does overflow:hidden not work in a ?
  19. Multiple submit buttons in an HTML form
  20. How to create a template in HTML?
  21. printing “” using html
  22. Flexbox fill available space vertically
  23. IF IE conditionals not working
  24. Vertical align not working on inline-block
  25. How does this CSS produce a circle?
  26. What’s the best way to set a single pixel in an HTML5 canvas?
  27. How to disable Google translate from HTML in Chrome
  28. Some Emmet abbreviations in VSC not working, like ‘!’ or using ‘*’
  29. highlight the navigation menu for the current page
  30. Using .otf fonts on web browsers
  31. Setting table column width
  32. Why should I not use HTML frames? [closed]
  33. iframe with external page not working
  34. padding is not working in Safari and IE in select list
  35. Draw triangle in corner of div
  36. Disable form autofill in Chrome without disabling autocomplete [duplicate]
  37. How can I write ‘a:hover’ in inline CSS?
  38. How can I style individual parts of an input placeholder? [duplicate]
  39. How to center the contents of an HTML table?
  40. How to make type=”number” to positive numbers only
  41. How to rotate a 90 degrees?
  42. How can I get a specific number child using CSS?
  43. How can I create an editable dropdownlist in HTML?
  44. Changing the text selection color using CSS?
  45. Is there a disadvantage of using `display:table-cell`on divs?
  46. Arabic characters from html content to pdf using iText
  47. What is the browser-default background color when selecting text?
  48. When to use instead ?
  49. HTML/CSS set div to height of sibling
  50. HTML maxlength attribute not working on chrome and safari?

Leave a Comment