$('#audio').play() should use first compatible source tag

[anonymous]

When using the HTML5 <audio> tag such as this:

<audio id="sound" preload="auto">
  <source src="sound.ogg" type="audio/ogg">
  <source src="sound.wav" type="audio/wav">
</audio>

I expected $('#sound').play() to trigger playing, but it returned no such method. Instead I have to specify $('#sound')[0].play() or $('#sound').[1].play(). It would be great if jQuery supported $('#sound').play() to play the first source type compatible with the current browser, as well as the other methods.

[dmethvin]

To do that we'd need to add a jQuery method name for each DOM element method name. And of course that method would do nothing for non-media elements so it doesn't seem like it would be worth the extra bytes it would take. You could write a small plugin to do it though.

[Rick Waldron]

You could use ​Popcorn.js which specializes in optimized media element programming (shameless plug).

[Rick Waldron]

This will also do what you want...

​http://jsfiddle.net/rwaldron/nNvgW/