HTML5 Audio & Video for jQuery

a project by happyworm

Multi instanced jPlayer

In this demo jPlayer is instanced on the page in three places, demonstrating how multiple instances of jPlayer may be used on the same page.

All jPlayer instances will use the HTML solution if they can, otherwise the Flash fallback solution will be used. The supplied media formats are M4A and OGA.

Each instance is individually affected by the iOS4.2+ restriction that a gesture must generate the play action. ie., The user must click play the 1st time for each instance on iOS 4.2+.

Additional $ event handlers have been used to avoid the jPlayers playing together.

Note that the {wmode:"window"} option is set to ensure playback in Firefox 3.6 with the Flash solution. However, the OGA format would be used in this case with the HTML solution.

jPlayer instance 1:

Press play to start the media.

jPlayer instance 2:

Press play to start the media.

jPlayer instance 3:

Press play to start the media.