Demo : Multi instanced jPlayer video players

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 WebMv, OGV and M4V.

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 $.jPlayer.event.play event handlers have been used to avoid the jPlayers playing together.

Custom $.jPlayer.event.repeat event handlers are used for the first two instances so that they either play the next instance or loop, depending on the state of the repeat button. The third instance is the usual way that you would insert a video player on a page with multiple instances.

jPlayer instance 1:

This instance is waiting for you to click play. When finished, and depending on the repeat button's state, either the media loops, or the jPlayer("play",0) command is sent to instance 2.

play

Big Buck Bunny Trailer

Update Required To play the media you will need to either update your browser to a recent version or update your Flash plugin.

jPlayer instance 2:

This instance is waiting for you to click play. Otherwise, if allowed by the browser, it will auto-play when instance 1 has finished playing. When finished, and depending on the repeat button's state, either the media loops, or the jPlayer("play",0) command is sent to instance 1.

play

Incredibles Teaser

Update Required To play the media you will need to either update your browser to a recent version or update your Flash plugin.

jPlayer instance 3:

Press play to start the media.

play

Finding Nemo Teaser

Update Required To play the media you will need to either update your browser to a recent version or update your Flash plugin.