Use of Audio element confusing?

[OmegaJunior]

Greetings!

(I thought I posted this already. I didn't see it in my own posts anymore, so in case it exists twice now, please help me remove the duplicate.)

The html5 specification seems to make using an Audio element straightforward:

Code: Select all

<audio src="music.ogg" controls="controls"></audio>

(Not sure if it needs a closing tag, btw.)

Then maybe we want to add some fallback content:

Code: Select all

<audio src="music.ogg" controls="controls">
<p>Listen to this!</p>
<p><a href="music.ogg" type="application/ogg">Music</a></p>
</audio>

And we may want to specify several media sources:

Code: Select all

<audio controls="controls">
<source src="music.ogg" type="application/ogg"></source>
<source src="music.mp3" type="audio/mp3"></source>
<p>Listen to this!</p>
<p><a href="music.ogg" type="application/ogg">Music</a></p>
</audio>

Is this correct (apart from the unsupported mp3 type)?
Is fallback content for an audio element considered block or inline? I find the spec confusing on this point.
Does the source element require a closing tag? Again, I find the spec confusing.

One specific validator tells me that I've done several things wrong:

• The use of a P element (or any block level element for that matter) is not allowed inside an audio element
• Some required thing is missing from the audio element

Now, I didn't see anything required but for the src attribute or one or more child source elements. Thus the validator confuses me. Is the validator correct and am I missing something crucial? Or is the validator out of synch with the latest html5 spec?

Here's the page I tried to have validated:
http://www.omegajunior.net/muziek/dierendag.html

[zcorpan]

http://krijnhoetmer.nl/irc-logs/whatwg/20071008#l-77

[OmegaJunior]

After some discussion in the #whatwg irc room it seems the spec is confusing indeed:

According to mentioned validator, the audio element seems to require fallback content, and the only content it allows is another embedded object (in my case, an embed element worked nicely).

It does not allow text, nor in-line phrase elements (span, em), nor block- or section elements. It also does not allow other audio elements but does allow multiple source elements.

Some of the problems I had were connected to me using the audio element inside a figure element, and trying to add block-level fallback content to the audio element. The combination of those three leads to undocumented behaviour.