1. Upload a test.mp3 to /files
2. Create a new page /music
3. Add [audio]test.mp3[/audio] to page content
4. Save
5. Notice nothing renders
6. Inspect page source
7. Find the audio element ends up being 0x0 because of it's default style (and that of it's parent elements

Even adding width and height attributes doesn't solve the problem.

Thanks for letting us know about this.

I'm working on a temporary fix via CSS that can be applied right away in the templates.  Just give me one day and I'll post a solution in this thread.

Another release will be coming in a few weeks with a ton of other fixes, and I'll make sure this gets in too.

For some reason, this problem doesn't happen in Firefox, and I must have neglected to check in Chrome.  I will make sure to test a bit more thoroughly next time around.

To temporarily fix this, go into your site's directory, and then into 0_site directory.  

If it doesn't already exist, create a directory named "custom".

In that directory, if it doesn't already exist, create a file named inline.css

For example, the path would be mysitename.example/0_site/custom/inline.css

In that file, add the following lines:


This should fix things until I get a new release posted, which shouldn't be too much longer.

Thanks again for reporting this.

Thanks. That's worked. I've riffed on your idea to get rid of the border which appears by default too.

Looking forward to the update.