HTML5 Audio & Video for jQuery

• demos (jPlayer 2.9.2)
• > jPlayer's Development Tester

jPlayer's Development Tester

Screen size is set through CSS to: 270p {width:"480px"; height:"270px";}

FLV Test from youtube

Use a constructor option below to instance jPlayer.
Otherwise the commands and artwork interface do nothing.
jPlayer( {solution:"html, flash"} | {solution:"flash, html"} | currentTest )
Use jPlayer("destroy") to destroy the jPlayer instance before changing the instance above. Otherwise they try and change the options, which do not support such an action.

---

jPlayer("option", "cssSelector", "play", "broken" | "play", "" | "play", "fixed")
jPlayer("option", "cssSelectorAncestor", "broken" | "" | "fixed")
bind($.jPlayer.event.ended + ".repeat") | bind($.jPlayer.event.ended + ".alert")
unbind(".repeat") | unbind(".alert") | $.jPlayer.pause()

---

setMedia(BrokenLinks:{mp3,m4a,oga,m4v,ogv})
setMedia(EmptyStrings:{mp3,m4a,oga,m4v,ogv})
setMedia(WrongType:{mp3,m4a,oga,m4v,ogv})

---

setMedia(A:{rtmpv})

---

setMedia(A:{flv}) | setMedia(B:{flv})
setMedia(A:{flv,m4v,webmv}) | setMedia(B:{flv,m4v,webmv})

---

setMedia(A:{mp3}) | setMedia(B:{mp3})
setMedia(A:{mp3,oga}) | setMedia(B:{mp3,oga})
setMedia(A:{mp3,oga,m4a}) | setMedia(B:{mp3,oga,m4a})
setMedia(A:{mp3,poster}) | setMedia(B:{mp3,poster})
setMedia(A:{mp3,oga,poster}) | setMedia(B:{mp3,oga,poster})
setMedia(A:{mp3,oga,m4a,poster}) | setMedia(B:{mp3,oga,m4a,poster})

---

setMedia(A:{m4v}) | setMedia(B:{m4v}) | setMedia(C:{m4v})
setMedia(A:{m4v,ogv}) | setMedia(B:{m4v,ogv}) | setMedia(C:{m4v,ogv})
setMedia(A:{m4v,poster}) | setMedia(B:{m4v,poster}) | setMedia(C:{m4v,poster})
setMedia(A:{m4v,ogv,poster}) | setMedia(B:{m4v,ogv,poster}) | setMedia(C:{m4v,ogv,poster})

---

Set size option object to that for (270p | 360p) | Set fullScreen option to (false | true)
Set sizeFull option object to that for (270p | 360p | full) | restoreScreen | fullScreen
Set autohide option object to that for (neither | full | restored | both) | (slow | fast | instant)
Set loop option to (true | false)
nativeVideoControls (all | none) | noFullWindow (all | none) | noVolume (all | none)
keyEnabled (true | false) keyBindings (default | alert | disable play/space)

---

clearMedia() | load() | play() | pause() | stop() | mute() | unmute() | volume(0.5)
play(0) | play(15) | play(30) | play(1e9) | pause(0) | pause(15) | pause(30) | pause(1e9)
playHead(0) | playHead(50) | playHead(99.9) | playHead(100) | playHead(101)