Changeset 1314


Ignore:
Timestamp:
09/22/10 11:12:41 (3 years ago)
Author:
zach
Message:
  • Updating examples
  • Minor IE change
Location:
trunk/html5
Files:
1 added
18 edited

Legend:

Unmodified
Added
Removed

  • trunk/html5/bin-debug/jwplayer.html5.js

    r1313 r1314  
    29812981        jwplayer.html5.api = function(container, options) { 
    29822982                var _api = {}; 
    2983                 if (jwplayer.utils.isIE()) { 
     2983                if (!jwplayer.utils.hasHTML5()) { 
    29842984                        return _api; 
    29852985                } 

  • trunk/html5/jwplayer.html5.min.js

    r1313 r1314  
    1 (function(a){a.html5=function(b){var c=b;this.setup=function(d){a.utils.extend(this,new a.html5.api(c,d));return this};return this};a.html5.version="1.0"})(jwplayer);(function(b){b.html5.utils=function(){};b.html5.utils.extension=function(d){return d.substr(d.lastIndexOf(".")+1,d.length).toLowerCase()};b.html5.utils.getAbsolutePath=function(h){if(h===undefined){return undefined}if(a(h)){return h}var j=document.location.href.substr(0,document.location.href.indexOf("://")+3);var f=document.location.href.split("?")[0];f=f.substring(j.length,(h.indexOf("/")===0)?f.indexOf("/",j.length):f.lastIndexOf("/"));var e=(f+"/"+h).split("/");var d=[];for(var g=0;g<e.length;g++){if(e[g]===undefined||e[g]=="."){continue}else{if(e[g]==".."){d.pop()}else{d.push(e[g])}}}return j+d.join("/")};function a(e){if(e===null){return}var f=e.indexOf("://");var d=e.indexOf("?");return(f>0&&(d<0||(d>f)))}b.html5.utils.mapEmpty=function(d){for(var e in d){return false}return true};b.html5.utils.mapLength=function(e){var d=0;for(var f in e){d++}return d};b.html5.utils.log=function(e,d){if(d){d.message=e;console.log(e,d)}else{console.log(e)}return this};b.html5.utils.css=function(e,h,d){if(e!==undefined){for(var f in h){try{if(typeof h[f]=="number"&&!(f=="zIndex"||f=="opacity")){if(f.match(/color/i)){h[f]="#"+c(h[f].toString(16),6)}else{h[f]=h[f]+"px"}}e.style[f]=h[f]}catch(g){}}}};function c(d,e){while(d.length<e){d="0"+d}return d}})(jwplayer);(function(b){var c=b.html5.utils.css;b.html5.view=function(m,l,e){var p=m;var j=l;var r=e;var q;var f;var v;var n;var w;function t(){q=document.createElement("div");q.id=j.id;j.id=q.id+"_video";c(q,{position:"relative",height:r.height,width:r.width,margin:"auto",padding:0,backgroundColor:p.skin.getComponentSettings("display").backgroundcolor===undefined?parseInt("000000",16):p.skin.getComponentSettings("display").backgroundcolor,zIndex:0});c(j,{position:"absolute",width:r.width,height:r.height,top:0,left:0,zIndex:1,margin:"auto",display:"block"});b.utils.wrap(j,q);n=document.createElement("div");n.id=q.id+"_displayarea";q.appendChild(n)}function h(){if(r.getMedia()!==undefined&&!r.getMedia().hasChrome&&!r.config.chromeless){for(var y in r.plugins.order){var z=r.plugins.order[y];if(r.plugins.object[z].getDisplayElement!==undefined){r.plugins.object[z].height=x(r.plugins.object[z].getDisplayElement().style.height);r.plugins.object[z].width=x(r.plugins.object[z].getDisplayElement().style.width)}}}else{r.getMedia().getDisplayElement().poster=r.playlist[r.item].image;r.getMedia().getDisplayElement().controls="controls"}}function x(y){if(y===""){return 0}return parseInt(y.replace("px",""),10)}this.setup=function(y){j=y;t();h();g(r.width,r.height);var z;if(window.onresize!==null){z=window.onresize}window.onresize=function(A){if(z!==undefined){try{z(A)}catch(B){}}if(p.jwGetFullscreen()){r.width=window.innerWidth;r.height=window.innerHeight}g(r.width,r.height)}};function g(B,y){var A=[].concat(r.plugins.order);A.reverse();w=A.length+2;if(!r.fullscreen){f=B;v=y;r.plugins.object.display.resize(B,y);c(n,{top:0,bottom:0,left:0,right:0,width:B,height:y});var z=k(o,A);if(z.length>0){w+=z.length;k(i,z,true)}s()}else{k(u,A,true)}}function k(D,A,B){var z=[];for(var y in A){var E=A[y];if(r.plugins.object[E].getDisplayElement!==undefined&&r.plugins.config[E].position.toUpperCase()!==b.html5.view.positions.NONE){var C=D(E,w--);if(!C){z.push(E)}else{r.plugins.object[E].resize(C.width,C.height);if(B){delete C.width;delete C.height}c(r.plugins.object[E].getDisplayElement(),C)}}}return z}function o(z,A){if(r.plugins.object[z].getDisplayElement!==undefined){if(a(r.plugins.config[z].position)){if(r.plugins.object[z].getDisplayElement().parentNode===null){q.appendChild(r.plugins.object[z].getDisplayElement())}var y=d(z);y.zIndex=A;return y}}return false}function i(y,z){if(r.plugins.object[y].getDisplayElement().parentNode===null){n.appendChild(r.plugins.object[y].getDisplayElement())}return{position:"absolute",width:(r.width-x(n.style.left)-x(n.style.right)),height:(r.height-x(n.style.top)-x(n.style.bottom)),zIndex:z}}function u(y,z){return{position:"fixed",width:r.width,height:r.height,zIndex:z}}function s(){n.style.position="absolute";var y={position:"absolute",width:x(n.style.width),height:x(n.style.height),top:x(n.style.top),left:x(n.style.left)};c(r.getMedia().getDisplayElement(),y)}function d(z){var A={position:"absolute",margin:0,padding:0,top:null};var y=r.plugins.config[z].position.toLowerCase();switch(y.toUpperCase()){case b.html5.view.positions.TOP:A.top=x(n.style.top);A.left=x(n.style.left);A.width=f-x(n.style.left)-x(n.style.right);A.height=r.plugins.object[z].height;n.style[y]=x(n.style[y])+r.plugins.object[z].height+"px";n.style.height=x(n.style.height)-A.height+"px";break;case b.html5.view.positions.RIGHT:A.top=x(n.style.top);A.right=x(n.style.right);A.width=A.width=r.plugins.object[z].width;A.height=v-x(n.style.top)-x(n.style.bottom);n.style[y]=x(n.style[y])+r.plugins.object[z].width+"px";n.style.width=x(n.style.width)-A.width+"px";break;case b.html5.view.positions.BOTTOM:A.bottom=x(n.style.bottom);A.left=x(n.style.left);A.width=f-x(n.style.left)-x(n.style.right);A.height=r.plugins.object[z].height;n.style[y]=x(n.style[y])+r.plugins.object[z].height+"px";n.style.height=x(n.style.height)-A.height+"px";break;case b.html5.view.positions.LEFT:A.top=x(n.style.top);A.left=x(n.style.left);A.width=r.plugins.object[z].width;A.height=v-x(n.style.top)-x(n.style.bottom);n.style[y]=x(n.style[y])+r.plugins.object[z].width+"px";n.style.width=x(n.style.width)-A.width+"px";break;default:break}return A}this.resize=g;this.fullscreen=function(z){if(r.getMedia().getDisplayElement().webkitSupportsFullscreen){if(z){r.height=screen.availHeight;r.width=screen.availWidth;r.getMedia().getDisplayElement().webkitEnterFullscreen()}else{r.height=v;r.width=f;r.getMedia().getDisplayElement().webkitExitFullscreen()}}else{if(z){r.width=window.innerWidth;r.height=window.innerHeight;var y={position:"fixed",width:"100%",height:"100%",top:0,left:0,zIndex:2147483000};c(q,y);y.zIndex=1;c(r.getMedia().getDisplayElement(),y);y.zIndex=2;c(n,y)}else{r.width=f;r.height=v;c(q,{position:"relative",height:r.height,width:r.width,zIndex:0})}g(r.width,r.height)}}};function a(d){return([b.html5.view.positions.TOP,b.html5.view.positions.RIGHT,b.html5.view.positions.BOTTOM,b.html5.view.positions.LEFT].indexOf(d.toUpperCase())>-1)}b.html5.view.positions={TOP:"TOP",RIGHT:"RIGHT",BOTTOM:"BOTTOM",LEFT:"LEFT",OVER:"OVER",NONE:"NONE"}})(jwplayer);(function(a){var b={backgroundcolor:parseInt("000000",16),margin:10,font:"Arial,sans-serif",fontsize:10,fontcolor:parseInt("000000",16),fontstyle:"normal",fontweight:"bold",buttoncolor:parseInt("ffffff",16),position:a.html5.view.positions.BOTTOM,idlehide:false,layout:{left:{position:"left",elements:[{name:"play",type:"button"},{name:"divider",type:"divider"},{name:"prev",type:"button"},{name:"divider",type:"divider"},{name:"next",type:"button"},{name:"divider",type:"divider"},{name:"elapsed",type:"text"}]},center:{position:"center",elements:[{name:"time",type:"slider"}]},right:{position:"right",elements:[{name:"duration",type:"text"},{name:"divider",type:"divider"},{name:"blank",type:"button"},{name:"fullscreen",type:"button"},{name:"divider",type:"divider"},{name:"mute",type:"button"},{name:"volume",type:"slider"}]}}};_css=a.html5.utils.css;_hide=function(c){_css(c,{display:"none"})};_show=function(c){_css(c,{display:"block"})};a.html5.controlbar=function(h,H){var g=h;var v=a.utils.extend({},b,g.skin.getComponentSettings("controlbar"),H);if(a.html5.utils.mapLength(g.skin.getComponentLayout("controlbar"))>0){v.layout=g.skin.getComponentLayout("controlbar")}var L;var C=0;var K=0;var w=0;var p="none";var e;var f;var M;var d;var c;var s;var o;var D={};var k=false;function B(){var R={height:g.skin.getSkinElement("controlbar","background").height,backgroundColor:v.backgroundcolor};L=document.createElement("div");L.id=g.id+"_jwplayer_controlbar";_css(L,R);r("capLeft","left",false,L);var S={position:"absolute",height:g.skin.getSkinElement("controlbar","background").height,background:" url("+g.skin.getSkinElement("controlbar","background").src+") repeat-x center left",left:g.skin.getSkinElement("controlbar","capLeft").width};J("elements",L,S);r("capRight","right",false,L)}this.getDisplayElement=function(){return L};this.resize=function(T,R){if(!k&&L.parentElement!==undefined){k=true;if(v.position==a.html5.view.positions.OVER.toLowerCase()){document.getElementById(g.id).onmousemove=t}}c=T;s=R;if(g.jwGetFullscreen()){_show(D.normalscreenButton);_hide(D.fullscreenButton)}else{_hide(D.normalscreenButton);_show(D.fullscreenButton)}var S=q();y({id:g.id,duration:M,position:f});n({id:g.id,bufferPercent:d});return S};function t(){a.html5.utils.cancelAnimation(L);a.html5.utils.fadeTo(L,0,0.1,1,2)}function F(){L.style.opacity=1}function J(U,T,S){var R=document.createElement("div");D[U]=R;R.id=L.id+"_"+U;T.appendChild(R);if(S!==undefined){_css(R,S)}return R}function A(){Q(v.layout.left);Q(v.layout.right,-1);Q(v.layout.center)}function Q(U,R){var V=U.position=="right"?"right":"left";var T=a.utils.extend([],U.elements);if(R!==undefined){T.reverse()}for(var S=0;S<T.length;S++){u(T[S],V)}}function G(){return C++}function u(V,X){var U,S,T,R,Z;switch(V.name){case"play":r("playButton",X,false);r("pauseButton",X,true);E("playButton","jwPlay");E("pauseButton","jwPause");break;case"divider":r("divider"+G(),X,true);break;case"prev":if(g.jwGetPlaylist().length>1){r("prevButton",X,true);E("prevButton","jwPlaylistPrev")}break;case"next":if(g.jwGetPlaylist().length>1){r("nextButton",X,true);E("nextButton","jwPlaylistNext")}break;case"elapsed":r("elapsedText",X,true);break;case"time":S=g.skin.getSkinElement("controlbar","timeSliderCapLeft")===undefined?0:g.skin.getSkinElement("controlbar","timeSliderCapLeft").width;T=g.skin.getSkinElement("controlbar","timeSliderCapRight")===undefined?0:g.skin.getSkinElement("controlbar","timeSliderCapRight").width;U=X=="left"?S:T;R=g.skin.getSkinElement("controlbar","timeSliderRail").width+S+T;Z={height:g.skin.getSkinElement("controlbar","background").height,position:"absolute",top:0,width:R};Z[X]=X=="left"?K:w;var W=J("timeSlider",D.elements,Z);r("timeSliderCapLeft",X,true,W,X=="left"?0:U);r("timeSliderRail",X,false,W,U);r("timeSliderBuffer",X,false,W,U);r("timeSliderProgress",X,false,W,U);r("timeSliderThumb",X,false,W,U);r("timeSliderCapRight",X,true,W,X=="right"?0:U);I("time");break;case"fullscreen":r("fullscreenButton",X,false);r("normalscreenButton",X,true);E("fullscreenButton","jwSetFullscreen",true);E("normalscreenButton","jwSetFullscreen",false);break;case"volume":S=g.skin.getSkinElement("controlbar","volumeSliderCapLeft")===undefined?0:g.skin.getSkinElement("controlbar","volumeSliderCapLeft").width;T=g.skin.getSkinElement("controlbar","volumeSliderCapRight")===undefined?0:g.skin.getSkinElement("controlbar","volumeSliderCapRight").width;U=X=="left"?S:T;R=g.skin.getSkinElement("controlbar","volumeSliderRail").width+S+T;Z={height:g.skin.getSkinElement("controlbar","background").height,position:"absolute",top:0,width:R};Z[X]=X=="left"?K:w;var Y=J("volumeSlider",D.elements,Z);r("volumeSliderCapLeft",X,true,Y,X=="left"?0:U);r("volumeSliderRail",X,true,Y,U);r("volumeSliderProgress",X,false,Y,U);r("volumeSliderCapRight",X,true,Y,X=="right"?0:U);I("volume");break;case"mute":r("muteButton",X,false);r("unmuteButton",X,true);E("muteButton","jwSetMute",true);E("unmuteButton","jwSetMute",false);break;case"duration":r("durationText",X,true);break}}function r(U,Y,X,V,R){if((g.skin.getSkinElement("controlbar",U)!==undefined||U.indexOf("Text")>0||U.indexOf("divider")===0)&&!(U.indexOf("divider")===0&&o.indexOf("divider")===0)){o=U;var T={height:g.skin.getSkinElement("controlbar","background").height,position:"absolute",top:0};var W;if(U.indexOf("Text")>0){U.innerhtml="00:00";T.font=v.fontsize+"px/"+(g.skin.getSkinElement("controlbar","background").height+1)+"px "+v.font;T.color=v.fontcolor;T.textAlign="center";T.fontWeight=v.fontweight;T.fontStyle=v.fontstyle;T.cursor="default";W=14+3*v.fontsize}else{if(U.indexOf("divider")===0){T.background="url("+g.skin.getSkinElement("controlbar","divider").src+") repeat-x center left";W=g.skin.getSkinElement("controlbar","divider").width}else{T.background="url("+g.skin.getSkinElement("controlbar",U).src+") repeat-x center left";W=g.skin.getSkinElement("controlbar",U).width}}if(Y=="left"){T.left=R===undefined?K:R;if(X){K+=W}}else{if(Y=="right"){T.right=R===undefined?w:R;if(X){w+=W}}}if(V===undefined){V=D.elements}T.width=W;var S=J(U,V,T);if(g.skin.getSkinElement("controlbar",U+"Over")!==undefined){S.onmouseover=function(Z){Z.stopPropagation();S.style.backgroundImage=["url(",g.skin.getSkinElement("controlbar",U+"Over").src,")"].join("")};S.onmouseout=function(Z){Z.stopPropagation();S.style.backgroundImage=["url(",g.skin.getSkinElement("controlbar",U).src,")"].join("")}}}}function x(){g.jwAddEventListener(a.api.events.JWPLAYER_MEDIA_BUFFER,n);g.jwAddEventListener(a.api.events.JWPLAYER_PLAYER_STATE,l);g.jwAddEventListener(a.api.events.JWPLAYER_MEDIA_TIME,y);g.jwAddEventListener(a.api.events.JWPLAYER_MEDIA_MUTE,P);g.jwAddEventListener(a.api.events.JWPLAYER_MEDIA_VOLUME,i);g.jwAddEventListener(a.api.events.JWPLAYER_MEDIA_COMPLETE,z)}function N(){y({id:g.id,duration:g.jwGetDuration(),position:0});n({id:g.id,bufferProgress:0});P({id:g.id,mute:g.jwGetMute()});l({id:g.id,newstate:a.api.events.state.IDLE});i({id:g.id,volume:g.jwGetVolume()})}function E(T,U,S){if(g.skin.getSkinElement("controlbar",T)!==undefined){var R=D[T];if(R!==null){_css(R,{cursor:"pointer"});if(U=="fullscreen"){R.onmouseup=function(V){V.stopPropagation();g.jwSetFullscreen(!g.jwGetFullscreen())}}else{R.onmouseup=function(V){V.stopPropagation();if(S!==null){g[U](S)}else{g[U]()}}}}}}function I(R){var S=D[R+"Slider"];_css(D.elements,{cursor:"pointer"});_css(S,{cursor:"pointer"});S.onmousedown=function(T){p=R};S.onmouseup=function(T){T.stopPropagation();O(T.pageX)};S.onmousemove=function(T){if(p=="time"){e=true;var U=T.pageX-S.getBoundingClientRect().left-window.pageXOffset;_css(D.timeSliderThumb,{left:U})}}}function O(S){e=false;var V,R;if(p=="time"){V=D.timeSliderRail.getBoundingClientRect();R=S-V.left+window.pageXOffset;var U=R/V.width*M;if(U<0){U=0}else{if(U>M){U=M-3}}g.jwSeek(U);if(g.jwGetState()!=a.api.events.state.PLAYING){g.jwPlay()}}else{if(p=="volume"){V=D.volumeSliderRail.getBoundingClientRect();R=S-V.left-window.pageXOffset;var T=Math.round(R/V.width*100);if(T<0){T=0}else{if(T>100){T=100}}if(g.jwGetMute()){g.jwSetMute(false)}g.jwSetVolume(T)}}p="none"}function n(S){if(S.bufferPercent!==null){d=S.bufferPercent}var T=D.timeSliderRail.getBoundingClientRect().width;var R=isNaN(Math.round(T*d/100))?0:Math.round(T*d/100);_css(D.timeSliderBuffer,{width:R})}function P(R){if(R.mute){_hide(D.muteButton);_show(D.unmuteButton);_hide(D.volumeSliderProgress)}else{_show(D.muteButton);_hide(D.unmuteButton);_show(D.volumeSliderProgress)}}function l(R){if(R.newstate==a.api.events.state.BUFFERING||R.newstate==a.api.events.state.PLAYING){_show(D.pauseButton);_hide(D.playButton)}else{_hide(D.pauseButton);_show(D.playButton)}if(R.newstate==a.api.events.state.IDLE){if(!v.idlehide&&v.position==a.html5.view.positions.OVER){F()}_hide(D.timeSliderBuffer);_hide(D.timeSliderProgress);_hide(D.timeSliderThumb)}else{_show(D.timeSliderBuffer);if(R.newstate!=a.api.events.state.BUFFERING){_show(D.timeSliderProgress);_show(D.timeSliderThumb)}}}function z(R){y(a.utils.extend(R,{position:0,duration:M}))}function y(U){if(U.position!==null){f=U.position}if(U.duration!==null){M=U.duration}var S=(f===M===0)?0:f/M;var V=D.timeSliderRail.getBoundingClientRect();var R=isNaN(Math.round(V.width*S))?0:Math.round(V.width*S);var T=R;D.timeSliderProgress.style.width=R+"px";if(!e){if(D.timeSliderThumb){D.timeSliderThumb.style.left=T+"px"}}if(D.durationText){D.durationText.innerHTML=j(M)}if(D.elapsedText){D.elapsedText.innerHTML=j(f)}}function j(R){str="00:00";if(R>0){str=Math.floor(R/60)<10?"0"+Math.floor(R/60)+":":Math.floor(R/60)+":";str+=Math.floor(R%60)<10?"0"+Math.floor(R%60):Math.floor(R%60)}return str}function q(){var S={width:c};var R={};if(v.position.toUpperCase()==a.html5.view.positions.OVER||g.jwGetFullscreen()){S.left=v.margin;S.width-=2*v.margin;S.top=s-g.skin.getSkinElement("controlbar","background").height-v.margin;S.height=g.skin.getSkinElement("controlbar","background").height}else{S.left=0}R.left=g.skin.getSkinElement("controlbar","capLeft").width;R.width=S.width-g.skin.getSkinElement("controlbar","capLeft").width-g.skin.getSkinElement("controlbar","capRight").width;var T=g.skin.getSkinElement("controlbar","timeSliderCapLeft")===undefined?0:g.skin.getSkinElement("controlbar","timeSliderCapLeft").width;_css(D.timeSliderRail,{width:(R.width-K-w),left:T});if(D.timeSliderCapRight!==undefined){_css(D.timeSliderCapRight,{left:T+(R.width-K-w)})}_css(L,S);_css(D.elements,R);return S}function i(V){if(D.volumeSliderRail!==undefined){var T=isNaN(V.volume/100)?1:V.volume/100;var U=parseInt(D.volumeSliderRail.style.width.replace("px",""),10);var R=isNaN(Math.round(U*T))?0:Math.round(U*T);var W=parseInt(D.volumeSliderRail.style.right.replace("px",""),10);var S=g.skin.getSkinElement("controlbar","volumeSliderCapLeft")===undefined?0:g.skin.getSkinElement("controlbar","volumeSliderCapLeft").width;_css(D.volumeSliderProgress,{width:R,left:S});if(D.volumeSliderCapLeft!==undefined){_css(D.volumeSliderCapLeft,{left:0})}}}function m(){B();A();x();N();L.style.opacity=v.idlehide?0:1}m();return this}})(jwplayer);(function(b){var a=["width","height","state","playlist","item","position","buffer","duration","volume","mute","fullscreen"];b.html5.controller=function(r,q,d,p){var u=r;var w=d;var c=p;var j=q;var y=true;var s=(w.config.debug!==undefined)&&(w.config.debug.toString().toLowerCase()=="console");var h=new b.html5.eventdispatcher(j.id,s);b.utils.extend(this,h);function l(B){h.sendEvent(B.type,B)}w.addGlobalListener(l);function o(){try{if(w.playlist[0].levels[0].file.length>0){switch(w.state){case b.api.events.state.IDLE:if(y){w.setActiveMediaProvider(w.playlist[w.item]);w.addEventListener(b.api.events.JWPLAYER_MEDIA_BUFFER_FULL,w.getMedia().play);if(w.config.repeat){w.addEventListener(b.api.events.JWPLAYER_MEDIA_COMPLETE,function(C){setTimeout(m,25)})}w.getMedia().load(w.playlist[w.item]);y=false}else{w.getMedia().play()}break;case b.api.events.state.PAUSED:w.getMedia().play();break}}return true}catch(B){h.sendEvent(b.api.events.JWPLAYER_ERROR,B)}return false}function z(){try{if(w.playlist[0].levels[0].file.length>0){switch(w.state){case b.api.events.state.PLAYING:case b.api.events.state.BUFFERING:w.getMedia().pause();break}}return true}catch(B){h.sendEvent(b.api.events.JWPLAYER_ERROR,B)}return false}function v(B){try{if(w.playlist[0].levels[0].file.length>0){switch(w.state){case b.api.events.state.PLAYING:case b.api.events.state.PAUSED:case b.api.events.state.BUFFERING:w.getMedia().seek(B);break}}return true}catch(C){h.sendEvent(b.api.events.JWPLAYER_ERROR,C)}return false}function i(){try{if(w.playlist[0].levels[0].file.length>0){w.getMedia().stop()}return true}catch(B){h.sendEvent(b.api.events.JWPLAYER_ERROR,B)}return false}function f(){try{if(w.playlist[0].levels[0].file.length>0){if(w.config.shuffle){n(Math.floor(Math.random()*w.playlist.length))}else{if(w.item+1==w.playlist.length){return n(0)}else{return n(w.item+1)}}}if(w.state!=b.api.events.state.PLAYING&&w.state!=b.api.events.state.BUFFERING){o()}return true}catch(B){h.sendEvent(b.api.events.JWPLAYER_ERROR,B)}return false}function e(){try{if(w.playlist[0].levels[0].file.length>0){if(w.config.shuffle){n(Math.floor(Math.random()*w.playlist.length))}else{if(w.item===0){return n(w.playlist.length-1)}else{return n(w.item-1)}}}if(w.state!=b.api.events.state.PLAYING&&w.state!=b.api.events.state.BUFFERING){o()}return true}catch(B){h.sendEvent(b.api.events.JWPLAYER_ERROR,B)}return false}function n(C){try{if(w.playlist[0].levels[0].file.length>0){var D=w.state;i();w.item=C;y=true;h.sendEvent(b.api.events.JWPLAYER_PLAYLIST_ITEM,{item:C});if(D==b.api.events.state.PLAYING||D==b.api.events.state.BUFFERING){o()}}return true}catch(B){h.sendEvent(b.api.events.JWPLAYER_ERROR,B)}return false}function x(C){try{switch(typeof(C)){case"number":w.getMedia().volume(C);break;case"string":w.getMedia().volume(parseInt(C,10));break}return true}catch(B){h.sendEvent(b.api.events.JWPLAYER_ERROR,B)}return false}function k(C){try{w.getMedia().mute(C);return true}catch(B){h.sendEvent(b.api.events.JWPLAYER_ERROR,B)}return false}function g(C,B){try{w.width=C;w.height=B;c.resize(C,B);return true}catch(D){h.sendEvent(b.api.events.JWPLAYER_ERROR,D)}return false}function t(C){try{w.fullscreen=C;c.fullscreen(C);return true}catch(B){h.sendEvent(b.api.events.JWPLAYER_ERROR,B)}return false}function A(B){try{w.loadPlaylist(B);y=true;return true}catch(C){h.sendEvent(b.api.events.JWPLAYER_ERROR,C)}return false}b.html5.controller.repeatoptions={LIST:"LIST",ALWAYS:"ALWAYS",SINGLE:"SINGLE",NONE:"NONE"};function m(){switch(w.config.repeat.toUpperCase()){case b.html5.controller.repeatoptions.SINGLE:o();break;case b.html5.controller.repeatoptions.ALWAYS:if(w.item==w.playlist.length-1&&!w.config.shuffle){n(0);o()}else{f()}break;case b.html5.controller.repeatoptions.LIST:if(w.item==w.playlist.length-1&&!w.config.shuffle){n(0)}else{f()}break}}this.play=o;this.pause=z;this.seek=v;this.stop=i;this.next=f;this.prev=e;this.item=n;this.setVolume=x;this.setMute=k;this.resize=g;this.setFullscreen=t;this.load=A}})(jwplayer);(function(a){a.html5.defaultSkin=function(){this.text='<?xml version="1.0" ?><skin author="LongTail Video" name="Five" version="1.0"><settings><setting name="backcolor" value="0xFFFFFF"/><setting name="frontcolor" value="0x000000"/><setting name="lightcolor" value="0x000000"/><setting name="screencolor" value="0x000000"/></settings><components><component name="controlbar"><settings><setting name="margin" value="20"/><setting name="fontsize" value="11"/></settings><elements><element name="background" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAIAAABvFaqvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFJJREFUeNrslLENwAAIwxLU/09j5AiOgD5hVQzNAVY8JK4qEfHMIKBnd2+BQlBINaiRtL/aV2rdzYBsM6CIONbI1NZENTr3RwdB2PlnJgJ6BRgA4hwu5Qg5iswAAAAASUVORK5CYII="/><element name="capLeft" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAD5JREFUeNosi8ENACAMAgnuv14H0Z8asI19XEjhOiKCMmibVgJTUt7V6fe9KXOtSQCfctJHu2q3/ot79hNgANc2OTz9uTCCAAAAAElFTkSuQmCC"/><element name="capRight" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAD5JREFUeNosi8ENACAMAgnuv14H0Z8asI19XEjhOiKCMmibVgJTUt7V6fe9KXOtSQCfctJHu2q3/ot79hNgANc2OTz9uTCCAAAAAElFTkSuQmCC"/><element name="divider" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAD5JREFUeNosi8ENACAMAgnuv14H0Z8asI19XEjhOiKCMmibVgJTUt7V6fe9KXOtSQCfctJHu2q3/ot79hNgANc2OTz9uTCCAAAAAElFTkSuQmCC"/><element name="playButton" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAYCAYAAAAVibZIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEhJREFUeNpiYqABYBo1dNRQ+hr6H4jvA3E8NS39j4SpZvh/LJig4YxEGEqy3kET+w+AOGFQRhTJhrEQkGcczfujhg4CQwECDADpTRWU/B3wHQAAAABJRU5ErkJggg=="/><element name="pauseButton" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAYCAYAAAAVibZIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAChJREFUeNpiYBgFo2DwA0YC8v/R1P4nRu+ooaOGUtnQUTAKhgIACDAAFCwQCfAJ4gwAAAAASUVORK5CYII="/><element name="prevButton" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAYCAYAAAAVibZIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEtJREFUeNpiYBgFo2Dog/9QDAPyQHweTYwiQ/2B+D0Wi8g2tB+JTdBQRiIMJVkvEy0iglhDF9Aq9uOpHVEwoE+NJDUKRsFgAAABBgDe2hqZcNNL0AAAAABJRU5ErkJggg=="/><element name="nextButton" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAYCAYAAAAVibZIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAElJREFUeNpiYBgFo2Dog/9AfB6I5dHE/lNqKAi/B2J/ahsKw/3EGMpIhKEk66WJoaR6fz61IyqemhEFSlL61ExSo2AUDAYAEGAAiG4hj+5t7M8AAAAASUVORK5CYII="/><element name="timeSliderRail" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADxJREFUeNpiYBgFo2AU0Bwwzluw+D8tLWARFhKiqQ9YuLg4aWsBGxs7bS1gZ6e5BWyjSX0UjIKhDgACDABlYQOGh5pYywAAAABJRU5ErkJggg=="/><element name="timeSliderBuffer" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAD1JREFUeNpiYBgFo2AU0Bww1jc0/aelBSz8/Pw09QELOzs7bS1gY2OjrQWsrKy09gHraFIfBaNgqAOAAAMAvy0DChXHsZMAAAAASUVORK5CYII="/><element name="timeSliderProgress" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAClJREFUeNpiYBgFo2AU0BwwAvF/WlrARGsfjFow8BaMglEwCugAAAIMAOHfAQunR+XzAAAAAElFTkSuQmCC"/><element name="timeSliderThumb" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAICAYAAAA870V8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABZJREFUeNpiZICA/yCCiQEJUJcDEGAAY0gBD1/m7Q0AAAAASUVORK5CYII="/><element name="muteButton" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAYCAYAAADKx8xXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADFJREFUeNpiYBgFIw3MB+L/5Gj8j6yRiRTFyICJXHfTXyMLAXlGati4YDRFDj8AEGAABk8GSqqS4CoAAAAASUVORK5CYII="/><element name="unmuteButton" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAYCAYAAADKx8xXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAD1JREFUeNpiYBgFgxz8p7bm+cQa+h8LHy7GhEcjIz4bmAjYykiun/8j0fakGPIfTfPgiSr6aB4FVAcAAQYAWdwR1G1Wd2gAAAAASUVORK5CYII="/><element name="volumeSliderRail" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAYCAYAAADkgu3FAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGpJREFUeNpi/P//PwM9ABMDncCoRYPfIqqDZcuW1UPp/6AUDcNM1DQYKtRAlaAj1mCSLSLXYIIWUctgDItoZfDA5aOoqKhGEANIM9LVR7SymGDQUctikuOIXkFNdhHEOFrDjlpEd4sAAgwAriRMub95fu8AAAAASUVORK5CYII="/><element name="volumeSliderProgress" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAYCAYAAADkgu3FAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFtJREFUeNpi/P//PwM9ABMDncCoRYPfIlqAeij9H5SiYZiqBqPTlFqE02BKLSLaYFItIttgQhZRzWB8FjENiuRJ7aAbsMQwYMl7wDIsWUUQ42gNO2oR3S0CCDAAKhKq6MLLn8oAAAAASUVORK5CYII="/><element name="fullscreenButton" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE5JREFUeNpiYBgFo2DQA0YC8v/xqP1PjDlMRDrEgUgxkgHIlfZoriVGjmzLsLFHAW2D6D8eA/9Tw7L/BAwgJE90PvhPpNgoGAVDEQAEGAAMdhTyXcPKcAAAAABJRU5ErkJggg=="/><element name="normalscreenButton" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEZJREFUeNpiYBgFo2DIg/9UUkOUAf8JiFFsyX88fJyAkcQgYMQjNkzBoAgiezyRbE+tFGSPxQJ7auYBmma0UTAKBhgABBgAJAEY6zON61sAAAAASUVORK5CYII="/></elements></component><component name="display"><elements><element name="background" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEpJREFUeNrszwENADAIA7DhX8ENoBMZ5KR10EryckCJiIiIiIiIiIiIiIiIiIiIiIh8GmkRERERERERERERERERERERERGRHSPAAPlXH1phYpYaAAAAAElFTkSuQmCC"/><element name="playIcon" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALdJREFUeNrs18ENgjAYhmFouDOCcQJGcARHgE10BDcgTOIosAGwQOuPwaQeuFRi2p/3Sb6EC5L3QCxZBgAAAOCorLW1zMn65TrlkH4NcV7QNcUQt7Gn7KIhxA+qNIR81spOGkL8oFJDyLJRdosqKDDkK+iX5+d7huzwM40xptMQMkjIOeRGo+VkEVvIPfTGIpKASfYIfT9iCHkHrBEzf4gcUQ56aEzuGK/mw0rHpy4AAACAf3kJMACBxjAQNRckhwAAAABJRU5ErkJggg=="/><element name="muteIcon" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHJJREFUeNrs1jEOgCAMBVAg7t5/8qaoIy4uoobyXsLCxA+0NCUAAADGUWvdQoQ41x4ixNBB2hBvBskdD3w5ZCkl3+33VqI0kjBBlh9rp+uTcyOP33TnolfsU85XX3yIRpQph8ZQY3wTZtU5AACASA4BBgDHoVuY1/fvOQAAAABJRU5ErkJggg=="/><element name="errorIcon" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAWlJREFUeNrsl+1twjAQhsHq/7BBYQLYIBmBDcoGMAIjtBPQTcII2SDtBDBBwrU6pGsUO7YbO470PtKJkz9iH++d4ywWAAAAAABgljRNsyWr2bZzDuJG1rLdZhcMbTjrBCGDyUKsqQLFciJb9bSvuG/WagRVRUVUI6gqy5HVeKWfSgRyJruKIU//TrZTSn2nmlaXThrloi/v9F2STC1W4+Aw5cBzkquRc09bofFNc6YLxEON0VUZS5FPTftO49vMjRsIF3RhOGr7/D/pJw+FKU+q0vDyq8W42jCunDqI3LC5XxNj2wHLU1XjaRnb0Lhykhqhhd8MtSF5J9tbjCv4mXGvKJz/65FF/qJryyaaIvzP2QRxZTX2nTuXjvV/VPFSwyLnW7mpH99yTh1FEVro6JBSd40/pMrRdV8vPtcKl28T2pT8TnFZ4yNosct3Q0io6JfBiz1FlGdqVQH3VHnepAEAAAAAADDzEGAAcTwB10jWgxcAAAAASUVORK5CYII="/><element name="bufferIcon" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAuhJREFUeNrsWr9rU1EUznuNGqvFQh1ULOhiBx0KDtIuioO4pJuik3FxFfUPaAV1FTdx0Q5d2g4FFxehTnEpZHFoBy20tCIWtGq0TZP4HfkeHB5N8m6Sl/sa74XDybvv3vvOd8/Pe4lXrVZT3dD8VJc0B8QBcUAcEAfESktHGeR5XtMfqFQq/f92zPe/NbtGlKTdCY30kuxrpMGO94BlQCXs+rbh3ONgA6BlzP1p20d80gEI5hmA2A92Qua1Q2PtAFISM+bvjMG8U+Q7oA3rQGASwrYCU6WpNdLGYbA+Pq5jjXIiwi8EEa2UDbQSaKOIuV+SlkcCrfjY8XTI9EpKGwP0C2kru2hLtHqa4zoXtZRWyvi4CLwv9Opr6Hkn6A9HKgEANsQ1iqC3Ub/vRUk2JgmRkatK36kVrnt0qObunwUdUUMXMWYpakJsO5Am8tAw2GBIgwWA+G2S2dMpiw0gDioQRQJoKhRb1QiDwlHZUABYbaXWsm5ae6loTE4ZDxN4CZar8foVzOJ2iyZ2kWF3t7YIevffaMT5yJ70kQb2fQ1sE5SHr2wazs2wgMxgbsEKEAgxAvZUJbQLBGTSBMgNrncJbA6AljtS/eKDJ0Ez+DmrQEzXS2h1Ck25kAg0IZcUOaydCy4sYnN2fOA+2AP16gNoHALlQ+fwH7XO4CxLenUpgj4xr6ugY2roPMbMx+Xs18m/E8CVEIhxsNeg83XWOAN6grG3lGbk8uE5fr4B/WH3cJw+co/l9nTYsSGYCJ/lY5/qv0thn6nrIWmjeJcPSnWOeY++AkF8tpJHIMAUs/MaBBpj3znZfQo5psY+ZrG4gv5HickjEOymKjEeRpgyST6IuZcTcWbnjcgdPi5ghxciRKsl1lDSsgwA1i8fssonJgzmTSqfGUkCENndNdAL7PS6QQ7ZYISTo+1qq0LEWjTWcvY4isa4z+yfQB+7ooyHVg5RI7/i1Ijn/vnggDggDogD4oC00P4KMACd/juEHOrS4AAAAABJRU5ErkJggg=="/></elements></component><component name="dock"><elements><element name="button" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFBJREFUeNrs0cEJACAQA8Eofu0fu/W6EM5ZSAFDRpKTBs00CQQEBAQEBAQEBAQEBAQEBATkK8iqbY+AgICAgICAgICAgICAgICAgIC86QowAG5PAQzEJ0lKAAAAAElFTkSuQmCC"/></elements></component><component name="playlist"><elements><element name="item" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAIAAAC1nk4lAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHhJREFUeNrs2NEJwCAMBcBYuv/CFuIE9VN47WWCR7iocXR3pdWdGPqqwIoMjYfQeAiNh9B4JHc6MHQVHnjggQceeOCBBx77TifyeOY0iHi8DqIdEY8dD5cL094eePzINB5CO/LwcOTptNB4CP25L4TIbZzpU7UEGAA5wz1uF5rF9AAAAABJRU5ErkJggg=="/><element name="sliderRail" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAA8CAIAAADpFA0BAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNrsy6ENACAMAMHClp2wYxZLAg5Fcu9e3OjuOKqqfTMzbs14CIZhGIZhGIZhGP4VLwEGAK/BBnVFpB0oAAAAAElFTkSuQmCC"/><element name="sliderThumb" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAA8CAIAAADpFA0BAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADRJREFUeNrsy7ENACAMBLE8++8caFFKKiRffU53112SGs3ttOohGIZhGIZhGIZh+Fe8BRgAiaUGde6NOSEAAAAASUVORK5CYII="/></elements></component></components></skin>';this.xml=null;if(window.DOMParser){parser=new DOMParser();this.xml=parser.parseFromString(this.text,"text/xml")}else{this.xml=new ActiveXObject("Microsoft.XMLDOM");this.xml.async="false";this.xml.loadXML(this.text)}return this}})(jwplayer);(function(a){_css=a.html5.utils.css;_hide=function(b){_css(b,{display:"none"})};_show=function(b){_css(b,{display:"block"})};a.html5.display=function(j,r){var p=j;var d={};var f;var s;var q;var k;var i=p.skin.getComponentSettings("display").bufferrotation===undefined?15:parseInt(p.skin.getComponentSettings("display").bufferrotation,10);var e=p.skin.getComponentSettings("display").bufferinterval===undefined?100:parseInt(p.skin.getComponentSettings("display").bufferinterval,10);var c={display:{style:{cursor:"pointer"},click:o},display_icon:{style:{cursor:"pointer",position:"absolute",top:((p.skin.getSkinElement("display","background").height-p.skin.getSkinElement("display","playIcon").height)/2),left:((p.skin.getSkinElement("display","background").width-p.skin.getSkinElement("display","playIcon").width)/2),border:0,margin:0,padding:0,zIndex:3}},display_iconBackground:{style:{cursor:"pointer",position:"absolute",top:((s-p.skin.getSkinElement("display","background").height)/2),left:((f-p.skin.getSkinElement("display","background").width)/2),border:0,backgroundImage:(["url(",p.skin.getSkinElement("display","background").src,")"]).join(""),width:p.skin.getSkinElement("display","background").width,height:p.skin.getSkinElement("display","background").height,margin:0,padding:0,zIndex:2}},display_image:{style:{display:"block",width:f,height:s,position:"absolute",cursor:"pointer",left:0,top:0,margin:0,padding:0,textDecoration:"none",zIndex:1}},display_text:{style:{zIndex:4,position:"relative",opacity:0.8,backgroundColor:parseInt("000000",16),color:parseInt("ffffff",16),textAlign:"center",fontFamily:"Arial,sans-serif",padding:"0 5px",fontSize:14}}};p.jwAddEventListener(a.api.events.JWPLAYER_PLAYER_STATE,h);p.jwAddEventListener(a.api.events.JWPLAYER_MEDIA_MUTE,h);p.jwAddEventListener(a.api.events.JWPLAYER_PLAYLIST_ITEM,h);p.jwAddEventListener(a.api.events.JWPLAYER_ERROR,n);t();function t(){d.display=m("div","display");d.display_text=m("div","display_text");d.display.appendChild(d.display_text);d.display_image=m("div","display_image");d.display_icon=m("div","display_icon");d.display_iconBackground=m("div","display_iconBackground");d.display.appendChild(d.display_image);d.display_iconBackground.appendChild(d.display_icon);d.display.appendChild(d.display_iconBackground);b()}this.getDisplayElement=function(){return d.display};this.resize=function(v,u){f=v;s=u;_css(d.display,{width:v,height:u});_css(d.display_text,{width:v});_css(d.display_image,{width:v,height:u});_css(d.display_iconBackground,{top:((s-p.skin.getSkinElement("display","background").height)/2),left:((f-p.skin.getSkinElement("display","background").width)/2)});h({})};function m(u,w){var v=document.createElement(u);v.id=p.id+"_jwplayer_"+w;_css(v,c[w].style);return v}function b(){for(var u in d){if(c[u].click!==undefined){d[u].onclick=c[u].click}}}function o(u){if(typeof u.preventDefault!="undefined"){u.preventDefault()}else{u.returnValue=false}if(p.jwGetState()!=a.api.events.state.PLAYING){p.jwPlay()}else{p.jwPause()}}function g(u){_show(d.display_iconBackground);d.display_icon.style.backgroundImage=(["url(",p.skin.getSkinElement("display",u).src,")"]).join("");_css(d.display_icon,{display:"block",width:p.skin.getSkinElement("display",u).width,height:p.skin.getSkinElement("display",u).height,top:(p.skin.getSkinElement("display","background").height-p.skin.getSkinElement("display",u).height)/2,left:(p.skin.getSkinElement("display","background").width-p.skin.getSkinElement("display",u).width)/2});if(p.skin.getSkinElement("display",u+"Over")!==undefined){d.display_icon.onmouseover=function(v){v.stopPropagation();d.display_icon.style.backgroundImage=["url(",p.skin.getSkinElement("display",u+"Over").src,")"].join("")};d.display_icon.onmouseout=function(v){v.stopPropagation();d.display_icon.style.backgroundImage=["url(",p.skin.getSkinElement("display",u).src,")"].join("")}}else{d.display_icon.onmouseover=undefined;d.display_icon.onmouseout=undefined}}function l(){_hide(d.display_icon);_hide(d.display_iconBackground)}function n(u){l();d.display_text.innerHTML=u.error;_show(d.display_text);d.display_text.style.top=((s-d.display_text.getBoundingClientRect().height)/2)+"px"}function h(u){_hide(d.display_text);if(k!==undefined){clearInterval(k);k=undefined;a.html5.utils.animations.rotate(d.display_icon,0)}switch(p.jwGetState()){case a.api.events.state.BUFFERING:g("bufferIcon");q=0;k=setInterval(function(){q+=i;a.html5.utils.animations.rotate(d.display_icon,q%360)},e);g("bufferIcon");break;case a.api.events.state.PAUSED:_css(d.display_image,{background:"transparent no-repeat center center"});_show(d.display_iconBackground);g("playIcon");break;case a.api.events.state.IDLE:var v=p.jwGetPlaylist()[p.jwGetItem()].image===""?"":" url("+a.html5.utils.getAbsolutePath(p.jwGetPlaylist()[p.jwGetItem()].image)+")";_css(d.display_image,{background:v+" no-repeat center center"});_show(d.display_iconBackground);g("playIcon");break;default:if(p.jwGetMute()){_css(d.display_image,{background:"transparent no-repeat center center"});_show(d.display_iconBackground);g("muteIcon")}else{_css(d.display_image,{background:"transparent no-repeat center center"});_hide(d.display_iconBackground);_hide(d.display_icon)}break}}return this}})(jwplayer);(function(jwplayer){jwplayer.html5.eventdispatcher=function(id,debug){var _id=id;var _debug=debug;var _listeners;var _globallisteners;this.resetEventListeners=function(){_listeners={};_globallisteners=[]};this.resetEventListeners();this.addEventListener=function(type,listener,count){try{if(_listeners[type]===undefined){_listeners[type]=[]}if(typeof(listener)=="string"){eval("listener = "+listener)}_listeners[type].push({listener:listener,count:count})}catch(err){jwplayer.html5.utils.log("error",err)}return false};this.removeEventListener=function(type,listener){try{for(var lisenterIndex in _listeners[type]){if(_listeners[type][lisenterIndex].toString()==listener.toString()){_listeners[type].slice(lisenterIndex,lisenterIndex+1);break}}}catch(err){jwplayer.html5.utils.log("error",err)}return false};this.addGlobalListener=function(listener,count){try{if(typeof(listener)=="string"){eval("listener = "+listener)}_globallisteners.push({listener:listener,count:count})}catch(err){jwplayer.html5.utils.log("error",err)}return false};this.removeGlobalListener=function(listener){try{for(var lisenterIndex in _globallisteners){if(_globallisteners[lisenterIndex].toString()==listener.toString()){_globallisteners.slice(lisenterIndex,lisenterIndex+1);break}}}catch(err){jwplayer.html5.utils.log("error",err)}return false};this.sendEvent=function(type,data){if(data===undefined){data={}}jwplayer.utils.extend(data,{id:_id,version:jwplayer.html5.version,type:type});if(_debug){jwplayer.html5.utils.log(type,data)}for(var listenerIndex in _listeners[type]){try{_listeners[type][listenerIndex].listener(data)}catch(err){jwplayer.html5.utils.log("There was an error while handling a listener",err)}if(_listeners[type][listenerIndex].count===1){delete _listeners[type][listenerIndex]}else{if(_listeners[type][listenerIndex].count>0){_listeners[type][listenerIndex].count=_listeners[type][listenerIndex].count-1}}}for(var globalListenerIndex in _globallisteners){try{_globallisteners[globalListenerIndex].listener(data)}catch(err){jwplayer.html5.utils.log("There was an error while handling a listener",err)}if(_globallisteners[globalListenerIndex].count===1){delete _globallisteners[globalListenerIndex]}else{if(_globallisteners[globalListenerIndex].count>0){_globallisteners[globalListenerIndex].count=_globallisteners[globalListenerIndex].count-1}}}}}})(jwplayer);(function(a){a.html5.extensionmap={"3gp":"video/3gpp","3gpp":"video/3gpp","3g2":"video/3gpp2","3gpp2":"video/3gpp2",flv:"video/x-flv",f4a:"audio/mp4",f4b:"audio/mp4",f4p:"video/mp4",f4v:"video/mp4",mov:"video/quicktime",m4a:"audio/mp4",m4b:"audio/mp4",m4p:"audio/mp4",m4v:"video/mp4",mkv:"video/x-matroska",mp4:"video/mp4",sdp:"application/sdp",vp6:"video/x-vp6",aac:"audio/aac",mp3:"audio/mp3",ogg:"audio/ogg",ogv:"video/ogg",webm:"video/webm"}})(jwplayer);(function(a){var b={prefix:"http://l.longtailvideo.com/html5/",file:"logo.png",link:"http://www.longtailvideo.com/players/jw-flv-player/",margin:8,out:0.5,over:1,timeout:3,hide:"true",position:"bottom-left",width:93,height:30};_css=a.html5.utils.css;a.html5.logo=function(f,g){var j=f;var h=f.version.split(/\W/).splice(0,2).join("/");if(b.prefix.indexOf(h)<0){b.prefix+=h+"/"}var e=a.utils.extend({},b);var c=document.createElement("img");c.id=j.id+"_jwplayer_logo";_css(c,i());c.onload=function(l){e.width=c.width;e.height=c.height;j.jwAddEventListener(a.api.events.JWPLAYER_PLAYER_STATE,k)};c.src=e.prefix+e.file;c.onmouseover=function(l){c.style.opacity=e.over};c.onmouseout=function(l){c.style.opacity=e.out};c.onclick=d;function i(){var n={width:e.width,height:e.height,textDecoration:"none",position:"absolute",display:"none"};var m=e.position.toLowerCase().split("-");for(var l in m){n[m[l]]=e.margin}return n}this.resize=function(m,l){};this.getDisplayElement=function(){return c};function d(l){l.stopPropagation();window.open(e.link,"_blank");return}function k(l){switch(j.jwGetState()){case a.api.events.state.BUFFERING:c.style.opacity=e.out;a.html5.utils.fadeTo(c,0,0.1,parseFloat(c.style.opacity),e.timeout);break;case a.api.events.state.PAUSED:break;case a.api.events.state.IDLE:break;case a.api.events.state.PLAYING:break;default:a.html5.utils.fadeTo(c,0,0.1,parseFloat(c.style.opacity),e.timeout);break}}return this}})(jwplayer);(function(a){var c={ended:a.api.events.state.IDLE,playing:a.api.events.state.PLAYING,pause:a.api.events.state.PAUSED,buffering:a.api.events.state.BUFFERING};var b=a.html5.utils.css;a.html5.mediavideo=function(j,s){var r={abort:o,canplay:m,canplaythrough:m,durationchange:J,emptied:o,ended:m,error:x,loadeddata:J,loadedmetadata:J,loadstart:m,pause:m,play:G,playing:m,progress:y,ratechange:o,seeked:m,seeking:m,stalled:m,suspend:m,timeupdate:G,volumechange:o,waiting:m,canshowcurrentframe:o,dataunavailable:o,empty:o,load:B,loadedfirstframe:o};var k=new a.html5.eventdispatcher();a.utils.extend(this,k);var A=j;var n=s;var p;var F;var D=a.api.events.state.IDLE;var e=null;var w;var d=0;var C=false;var g=false;var z;var q=0;var E=[];var u;function I(){return D}function B(K){}function o(K){}function m(K){if(c[K.type]){H(c[K.type])}}function H(K){if(w){K=a.api.events.state.IDLE}if(D!=K){var L=D;A.state=K;D=K;var M=false;if(K==a.api.events.state.IDLE){i();if(A.position>=A.duration&&(A.position||A.duration)){M=true}if(n.style.display!="none"){n.style.display="none"}}k.sendEvent(a.api.events.JWPLAYER_PLAYER_STATE,{oldstate:L,newstate:K});if(M){k.sendEvent(a.api.events.JWPLAYER_MEDIA_COMPLETE)}}w=false}function J(K){var L={height:K.target.videoHeight,width:K.target.videoWidth,duration:K.target.duration};if(A.duration===0||isNaN(A.duration)){A.duration=Math.round(K.target.duration*10)/10}A.playlist[A.item]=a.utils.extend(A.playlist[A.item],L);k.sendEvent(a.api.events.JWPLAYER_MEDIA_META,{metadata:L})}function G(K){if(w){return}if(K!==undefined&&K.target!==undefined){if(A.duration===0||isNaN(A.duration)){A.duration=Math.round(K.target.duration*10)/10}if(!C&&n.readyState>0){H(a.api.events.state.PLAYING)}if(D==a.api.events.state.PLAYING){if(!C&&n.readyState>0){C=true;n.currentTime=A.playlist[A.item].start;n.volume=A.volume/100;n.muted=A.mute}A.position=Math.round(K.target.currentTime*10)/10;k.sendEvent(a.api.events.JWPLAYER_MEDIA_TIME,{position:Math.round(K.target.currentTime*10)/10,duration:Math.round(K.target.duration*10)/10})}}y(K)}function v(){var K=(E[E.length-1]-E[0])/E.length;u=setTimeout(function(){if(!F){y({lengthComputable:true,loaded:1,total:1})}},K*10)}function y(M){var L,K;if(M!==undefined&&M.lengthComputable&&M.total){f();L=M.loaded/M.total*100;K=L/100*(A.duration-n.currentTime);if(50<L&&!F){clearTimeout(u);v()}}else{if((n.buffered!==undefined)&&(n.buffered.length>0)){maxBufferIndex=0;if(maxBufferIndex>=0){L=n.buffered.end(maxBufferIndex)/n.duration*100;K=n.buffered.end(maxBufferIndex)-n.currentTime}}}if(p===false&&D==a.api.events.state.BUFFERING){p=true;k.sendEvent(a.api.events.JWPLAYER_MEDIA_BUFFER_FULL)}if(!F){if(L==100&&F===false){F=true}if(L!==null&&(L>A.buffer)){A.buffer=Math.round(L);k.sendEvent(a.api.events.JWPLAYER_MEDIA_BUFFER,{bufferPercent:Math.round(L)})}}}function t(){if(e===null){e=setInterval(function(){G()},100)}}function i(){clearInterval(e);e=null}function x(M){l();var L="There was an error: ";if(M.target.error||M.target.parentNode.error){var K=M.target.error===undefined?M.target.parentNode.error:M.target.error;switch(K.code){case K.MEDIA_ERR_ABORTED:L="You aborted the video playback: ";break;case K.MEDIA_ERR_NETWORK:L="A network error caused the video download to fail part-way: ";break;case K.MEDIA_ERR_DECODE:L="The video playback was aborted due to a corruption problem or because the video used features your browser did not support: ";break;case K.MEDIA_ERR_SRC_NOT_SUPPORTED:L="The video could not be loaded, either because the server or network failed or because the format is not supported: ";break;default:L="An unknown error occurred: ";break}}else{if(M.target.tagName.toLowerCase()=="source"){q++;if(q!=z.levels.length){return}L="The video could not be loaded, either because the server or network failed or because the format is not supported: "}}L+=h();k.sendEvent(a.api.events.JWPLAYER_ERROR,{error:L});return}function h(){var M="";for(var L in z.levels){var K=z.levels[L];var N=n.ownerDocument.createElement("source");M+=a.html5.utils.getAbsolutePath(K.file);if(L<(z.levels.length-1)){M+=", "}}return M}this.getDisplayElement=function(){return n};this.play=function(){if(D!=a.api.events.state.PLAYING){if(n.style.display!="block"){n.style.display="block"}n.play();t()}};this.pause=function(){n.pause();H(a.api.events.state.PAUSED)};this.seek=function(K){n.currentTime=K;n.play()};function l(){w=true;n.pause();i();A.position=0;H(a.api.events.state.IDLE)}this.stop=l;this.volume=function(K){n.volume=K/100;A.volume=K;k.sendEvent(a.api.events.JWPLAYER_MEDIA_VOLUME,{volume:Math.round(K)})};this.mute=function(K){n.muted=K;A.mute=K;k.sendEvent(a.api.events.JWPLAYER_MEDIA_MUTE,{mute:K})};this.resize=function(L,K){if(false){b(n,{width:L,height:K})}k.sendEvent(a.api.events.JWPLAYER_MEDIA_RESIZE,{fullscreen:A.fullscreen,width:L,hieght:K})};this.fullscreen=function(K){if(K===true){this.resize("100%","100%")}else{this.resize(A.config.width,A.config.height)}};this.load=function(K){_embed(K);k.sendEvent(a.api.events.JWPLAYER_MEDIA_LOADED);p=false;F=false;C=false;E=[];f();H(a.api.events.state.BUFFERING);setTimeout(function(){G()},25)};function f(){var K=new Date().getTime();E.push(K)}_embed=function(Q){z=Q;var M=document.createElement("video");M.preload="none";if(A.config.repeat.toUpperCase()==a.html5.controller.repeatoptions.SINGLE){}q=0;for(var L in Q.levels){var K=Q.levels[L];var O=n.ownerDocument.createElement("source");O.src=a.html5.utils.getAbsolutePath(K.file);if(K.type===undefined){var P=a.html5.utils.extension(K.file);if(a.html5.extensionmap[P]!==undefined){O.type=a.html5.extensionmap[P]}else{O.type="video/"+P+";"}}else{O.type=K.type}M.appendChild(O)}M.style.position=n.style.position;M.style.top=n.style.top;M.style.left=n.style.left;M.style.width=n.style.width;M.style.height=n.style.height;M.style.zIndex=n.style.zIndex;M.onload=B;M.volume=0;n.parentNode.replaceChild(M,n);M.id=n.id;n=M;for(var N in r){n.addEventListener(N,function(R){if(R.target.parentNode!==null){r[R.type](R)}},true)}};this.embed=_embed;return this}})(jwplayer);(function(b){var a=["width","height","start","duration","volume","mute","fullscreen","item","plugins"];b.html5.model=function(r,p,g){var u=r;var m=p;var v={id:m.id,media:undefined,playlist:[],state:b.api.events.state.IDLE,position:0,buffer:0,config:{width:480,height:320,item:0,skin:undefined,file:undefined,image:undefined,start:0,duration:0,bufferlength:5,volume:90,mute:false,fullscreen:false,repeat:false,autostart:false,debug:undefined,screencolor:undefined}};var x;var j=new b.html5.eventdispatcher();var w=["display","logo","controlbar"];b.utils.extend(v,j);for(var q in g){if(typeof g[q]=="string"){var h=/color$/.test(q)?"color":null;g[q]=b.html5.utils.typechecker(g[q],h)}var y=v.config;var t=q.split(".");for(var i in t){if(i==t.length-1){y[t[i]]=g[q]}else{if(y[t[i]]===undefined){y[t[i]]={}}y=y[t[i]]}}}for(var k in a){var d=a[k];v[d]=v.config[d]}if(b.utils.isIOS()){v.config.chromeless=true}var l=w.concat([]);if(v.plugins!==undefined){var e=v.plugins.split(",");for(var n in e){l.push(n.replace(/^\s+|\s+$/g,""))}}v.plugins={order:l,config:{controlbar:{position:b.html5.view.positions.BOTTOM}},object:{}};for(var f in v.plugins.order){var c=v.plugins.order[f];var s=v.config[c]===undefined?{}:v.config[c];v.plugins.config[c]=v.plugins.config[c]===undefined?s:b.utils.extend(v.plugins.config[c],s);if(v.plugins.config[c].position===undefined){v.plugins.config[c].position=b.html5.view.positions.OVER}}v.loadPlaylist=function(A,z){z=z===null?true:false;v.playlist=new b.html5.playlist(A);if(v.config.shuffle){v.item=Math.floor(Math.random()*v.playlist.length)}else{if(v.config.item>=v.playlist.length){v.config.item=v.playlist.length-1}v.item=v.config.item}if(z){j.sendEvent(b.api.events.JWPLAYER_PLAYLIST_LOADED);j.sendEvent(b.api.events.JWPLAYER_PLAYLIST_ITEM,{item:v.item})}v.setActiveMediaProvider(v.playlist[v.item])};function o(z){if(z.type==b.api.events.JWPLAYER_MEDIA_LOADED){m=x.getDisplayElement()}j.sendEvent(z.type,z)}v.setActiveMediaProvider=function(z){if(x!==undefined){x.resetEventListeners()}x=new b.html5.mediavideo(v,m);x.addGlobalListener(o);if(v.config.chromeless){x.embed(z)}return true};v.getMedia=function(){return x};v.setupPlugins=function(){for(var z in v.plugins.order){if(b.html5[v.plugins.order[z]]!==undefined){v.plugins.object[v.plugins.order[z]]=new b.html5[v.plugins.order[z]](u,v.plugins.config[v.plugins.order[z]])}else{v.plugins.object[v.plugins.order[z]]=new window[v.plugins.order[z]](u,v.plugins.config[v.plugins.order[z]])}}};return v}})(jwplayer);(function(a){a.html5.playlist=function(b){var c=[];if(b.playlist&&b.playlist.length>0){c=b.playlist}else{c.push(new a.html5.playlistitem(b))}return c}})(jwplayer);(function(a){a.html5.playlistitem=function(c){var b={author:"",date:"",description:"",image:"",link:"",mediaid:"",tags:"",title:"",provider:"",file:"",streamer:"",duration:-1,start:0,currentLevel:-1,levels:[]};for(var d in b){if(c[d]!==undefined){b[d]=c[d]}}if(b.levels.length===0){b.levels[0]=new a.html5.playlistitemlevel(b)}return b}})(jwplayer);(function(a){a.html5.playlistitemlevel=function(b){var d={file:"",streamer:"",bitrate:0,width:0};for(var c in d){if(b[c]!==undefined){d[c]=b[c]}}return d}})(jwplayer);(function(a){a.html5.skin=function(){var b={};var c=false;this.load=function(d,e){new a.html5.skinloader(d,function(f){c=true;b=f;e()})};this.getSkinElement=function(d,e){if(c){try{return b[d].elements[e]}catch(f){a.html5.utils.log("No such skin component / element: ",[d,e])}}return null};this.getComponentSettings=function(d){if(c){return b[d].settings}return null};this.getComponentLayout=function(d){if(c){return b[d].layout}return null}}})(jwplayer);(function(a){a.html5.skinloader=function(f,l){var k={};var c=l;var e=true;var h;var i=f;function j(){if(i===undefined||i===""){d(a.html5.defaultSkin().xml)}else{a.utils.ajax(a.html5.utils.getAbsolutePath(i),function(o){d(o.responseXML)},function(o){d(a.html5.defaultSkin().xml)})}}function d(t){var z=t.getElementsByTagName("component");if(z.length===0){return}for(var C=0;C<z.length;C++){var x=z[C].getAttribute("name");var w={settings:{},elements:{},layout:{}};k[x]=w;var B=z[C].getElementsByTagName("elements")[0].getElementsByTagName("element");for(var A=0;A<B.length;A++){b(B[A],x)}var u=z[C].getElementsByTagName("settings")[0];if(u!==undefined&&u.childNodes.length>0){var F=u.getElementsByTagName("setting");for(var K=0;K<F.length;K++){var L=F[K].getAttribute("name");var D=F[K].getAttribute("value");var s=/color$/.test(L)?"color":null;k[x].settings[L]=a.html5.utils.typechecker(D,s)}}var G=z[C].getElementsByTagName("layout")[0];if(G!==undefined&&G.childNodes.length>0){var H=G.getElementsByTagName("group");for(var r=0;r<H.length;r++){var v=H[r];k[x].layout[v.getAttribute("position")]={elements:[]};for(var J=0;J<v.attributes.length;J++){var y=v.attributes[J];k[x].layout[v.getAttribute("position")][y.name]=y.value}var I=v.getElementsByTagName("*");for(var q=0;q<I.length;q++){var o=I[q];k[x].layout[v.getAttribute("position")].elements.push({type:o.tagName});for(var p=0;p<o.attributes.length;p++){var E=o.attributes[p];k[x].layout[v.getAttribute("position")].elements[q][E.name]=E.value}if(k[x].layout[v.getAttribute("position")].elements[q].name===undefined){k[x].layout[v.getAttribute("position")].elements[q].name=o.tagName}}}}e=false;n()}}function n(){clearInterval(h);h=setInterval(function(){m()},100)}function b(t,s){var r=new Image();var o=t.getAttribute("name");var q=t.getAttribute("src");var v;if(q.indexOf("data:image/png;base64,")===0){v=q}else{var p=a.html5.utils.getAbsolutePath(i);var u=p.substr(0,p.lastIndexOf("/"));v=[u,s,q].join("/")}k[s].elements[o]={height:0,width:0,src:"",ready:false};r.onload=function(w){g(r,o,s)};r.onerror=function(w){k[s].elements[o].ready=true;n()};r.src=v}function m(){for(var o in k){if(o!="properties"){for(var p in k[o].elements){if(!k[o].elements[p].ready){return}}}}if(e===false){clearInterval(h);c(k)}}function g(o,q,p){k[p].elements[q].height=o.height;k[p].elements[q].width=o.width;k[p].elements[q].src=o.src;k[p].elements[q].ready=true;n()}j()}})(jwplayer);(function(a){var b={};a.html5.utils.animations=function(){};a.html5.utils.animations.transform=function(c,d){c.style.webkitTransform=d;c.style.MozTransform=d;c.style.OTransform=d};a.html5.utils.animations.transformOrigin=function(c,d){c.style.webkitTransformOrigin=d;c.style.MozTransformOrigin=d;c.style.OTransformOrigin=d};a.html5.utils.animations.rotate=function(c,d){a.html5.utils.animations.transform(c,["rotate(",d,"deg)"].join(""))};a.html5.utils.cancelAnimation=function(c){delete b[c]};a.html5.utils.fadeTo=function(l,f,e,i,h,d){if(b[l]!=d&&d!==undefined){return}var c=new Date().getTime();if(d>c){setTimeout(function(){a.html5.utils.fadeTo(l,f,e,i,0,d)},d-c)}l.style.display="block";if(i===undefined){i=l.style.opacity===""?1:l.style.opacity}if(l.style.opacity==f&&l.style.opacity!==""&&d!==undefined){if(f===0){l.style.display="none"}return}if(d===undefined){d=c;b[l]=d}if(h===undefined){h=0}var j=(c-d)/(e*1000);j=j>1?1:j;var k=f-i;var g=i+(j*k);if(g>1){g=1}else{if(g<0){g=0}}l.style.opacity=g;if(h>0){b[l]=d+h*1000;a.html5.utils.fadeTo(l,f,e,i,0,b[l]);return}setTimeout(function(){a.html5.utils.fadeTo(l,f,e,i,0,d)},10)}})(jwplayer);(function(c){var d=new RegExp(/^(#|0x)[0-9a-fA-F]{3,6}/);c.html5.utils.typechecker=function(g,f){f=f===null?b(g):f;return e(g,f)};function b(f){var g=["true","false","t","f"];if(g.indexOf(f.toLowerCase().replace(" ",""))>=0){return"boolean"}else{if(d.test(f)){return"color"}else{if(!isNaN(parseInt(f,10))&&parseInt(f,10).toString().length==f.length){return"integer"}else{if(!isNaN(parseFloat(f))&&parseFloat(f).toString().length==f.length){return"float"}}}}return"string"}function e(g,f){if(f===null){return g}switch(f){case"color":if(g.length>0){return a(g)}return null;case"integer":return parseInt(g,10);case"float":return parseFloat(g);case"boolean":if(g.toLowerCase()=="true"){return true}else{if(g=="1"){return true}}return false}return g}function a(f){switch(f.toLowerCase()){case"blue":return parseInt("0000FF",16);case"green":return parseInt("00FF00",16);case"red":return parseInt("FF0000",16);case"cyan":return parseInt("00FFFF",16);case"magenta":return parseInt("FF00FF",16);case"yellow":return parseInt("FFFF00",16);case"black":return parseInt("000000",16);case"white":return parseInt("FFFFFF",16);default:f=f.replace(/(#|0x)?([0-9A-F]{3,6})$/gi,"$2");if(f.length==3){f=f.charAt(0)+f.charAt(0)+f.charAt(1)+f.charAt(1)+f.charAt(2)+f.charAt(2)}return parseInt(f,16)}return parseInt("000000",16)}})(jwplayer);(function(a){a.html5.api=function(b,j){var i={};if(a.utils.isIE()){return i}var d=document.createElement("div");b.parentNode.replaceChild(d,b);d.id=b.id;var h=new a.html5.model(i,d,j);var e=new a.html5.view(i,d,h);var g=new a.html5.controller(i,d,h,e);i.version="5.3";i.id=d.id;i.skin=new a.html5.skin();i.jwPlay=g.play;i.jwPause=g.pause;i.jwStop=g.stop;i.jwSeek=g.seek;i.jwPlaylistItem=g.item;i.jwPlaylistNext=g.next;i.jwPlaylistPrev=g.prev;i.jwResize=g.resize;i.jwLoad=g.load;function f(k){return function(){return h[k]}}i.jwGetItem=f("item");i.jwGetPosition=f("position");i.jwGetDuration=f("duration");i.jwGetBuffer=f("buffer");i.jwGetWidth=f("width");i.jwGetHeight=f("height");i.jwGetFullscreen=f("fullscreen");i.jwSetFullscreen=g.setFullscreen;i.jwGetVolume=f("volume");i.jwSetVolume=g.setVolume;i.jwGetMute=f("mute");i.jwSetMute=g.setMute;i.jwGetState=f("state");i.jwGetVersion=function(){return i.version};i.jwGetPlaylist=function(){return h.playlist};i.jwAddEventListener=g.addEventListener;i.jwRemoveEventListener=g.removeEventListener;i.jwSendEvent=g.sendEvent;i.jwGetLevel=function(){};i.jwGetBandwidth=function(){};i.jwGetLockState=function(){};i.jwLock=function(){};i.jwUnlock=function(){};function c(m,l,k){return function(){m.loadPlaylist(m.config,false);m.setupPlugins();l.setup(m.getMedia().getDisplayElement());var n={id:i.id,version:i.version};k.sendEvent(a.api.events.JWPLAYER_READY,n);if(playerReady!==undefined){playerReady(n)}if(window[m.config.playerReady]!==undefined){window[m.config.playerReady](n)}m.sendEvent(a.api.events.JWPLAYER_PLAYLIST_LOADED);m.sendEvent(a.api.events.JWPLAYER_PLAYLIST_ITEM,{item:m.config.item});if(m.config.autostart===true&&!m.config.chromeless){k.play()}}}if(h.config.chromeless){c(h,e,g)}else{i.skin.load(h.config.skin,c(h,e,g))}return i}})(jwplayer); 
     1(function(a){a.html5=function(b){var c=b;this.setup=function(d){a.utils.extend(this,new a.html5.api(c,d));return this};return this};a.html5.version="1.0"})(jwplayer);(function(b){b.html5.utils=function(){};b.html5.utils.extension=function(d){return d.substr(d.lastIndexOf(".")+1,d.length).toLowerCase()};b.html5.utils.getAbsolutePath=function(h){if(h===undefined){return undefined}if(a(h)){return h}var j=document.location.href.substr(0,document.location.href.indexOf("://")+3);var f=document.location.href.split("?")[0];f=f.substring(j.length,(h.indexOf("/")===0)?f.indexOf("/",j.length):f.lastIndexOf("/"));var e=(f+"/"+h).split("/");var d=[];for(var g=0;g<e.length;g++){if(e[g]===undefined||e[g]=="."){continue}else{if(e[g]==".."){d.pop()}else{d.push(e[g])}}}return j+d.join("/")};function a(e){if(e===null){return}var f=e.indexOf("://");var d=e.indexOf("?");return(f>0&&(d<0||(d>f)))}b.html5.utils.mapEmpty=function(d){for(var e in d){return false}return true};b.html5.utils.mapLength=function(e){var d=0;for(var f in e){d++}return d};b.html5.utils.log=function(e,d){if(d){d.message=e;console.log(e,d)}else{console.log(e)}return this};b.html5.utils.css=function(e,h,d){if(e!==undefined){for(var f in h){try{if(typeof h[f]=="number"&&!(f=="zIndex"||f=="opacity")){if(f.match(/color/i)){h[f]="#"+c(h[f].toString(16),6)}else{h[f]=h[f]+"px"}}e.style[f]=h[f]}catch(g){}}}};function c(d,e){while(d.length<e){d="0"+d}return d}})(jwplayer);(function(b){var c=b.html5.utils.css;b.html5.view=function(m,l,e){var p=m;var j=l;var r=e;var q;var f;var v;var n;var w;function t(){q=document.createElement("div");q.id=j.id;j.id=q.id+"_video";c(q,{position:"relative",height:r.height,width:r.width,margin:"auto",padding:0,backgroundColor:p.skin.getComponentSettings("display").backgroundcolor===undefined?parseInt("000000",16):p.skin.getComponentSettings("display").backgroundcolor,zIndex:0});c(j,{position:"absolute",width:r.width,height:r.height,top:0,left:0,zIndex:1,margin:"auto",display:"block"});b.utils.wrap(j,q);n=document.createElement("div");n.id=q.id+"_displayarea";q.appendChild(n)}function h(){if(r.getMedia()!==undefined&&!r.getMedia().hasChrome&&!r.config.chromeless){for(var y in r.plugins.order){var z=r.plugins.order[y];if(r.plugins.object[z].getDisplayElement!==undefined){r.plugins.object[z].height=x(r.plugins.object[z].getDisplayElement().style.height);r.plugins.object[z].width=x(r.plugins.object[z].getDisplayElement().style.width)}}}else{r.getMedia().getDisplayElement().poster=r.playlist[r.item].image;r.getMedia().getDisplayElement().controls="controls"}}function x(y){if(y===""){return 0}return parseInt(y.replace("px",""),10)}this.setup=function(y){j=y;t();h();g(r.width,r.height);var z;if(window.onresize!==null){z=window.onresize}window.onresize=function(A){if(z!==undefined){try{z(A)}catch(B){}}if(p.jwGetFullscreen()){r.width=window.innerWidth;r.height=window.innerHeight}g(r.width,r.height)}};function g(B,y){var A=[].concat(r.plugins.order);A.reverse();w=A.length+2;if(!r.fullscreen){f=B;v=y;r.plugins.object.display.resize(B,y);c(n,{top:0,bottom:0,left:0,right:0,width:B,height:y});var z=k(o,A);if(z.length>0){w+=z.length;k(i,z,true)}s()}else{k(u,A,true)}}function k(D,A,B){var z=[];for(var y in A){var E=A[y];if(r.plugins.object[E].getDisplayElement!==undefined&&r.plugins.config[E].position.toUpperCase()!==b.html5.view.positions.NONE){var C=D(E,w--);if(!C){z.push(E)}else{r.plugins.object[E].resize(C.width,C.height);if(B){delete C.width;delete C.height}c(r.plugins.object[E].getDisplayElement(),C)}}}return z}function o(z,A){if(r.plugins.object[z].getDisplayElement!==undefined){if(a(r.plugins.config[z].position)){if(r.plugins.object[z].getDisplayElement().parentNode===null){q.appendChild(r.plugins.object[z].getDisplayElement())}var y=d(z);y.zIndex=A;return y}}return false}function i(y,z){if(r.plugins.object[y].getDisplayElement().parentNode===null){n.appendChild(r.plugins.object[y].getDisplayElement())}return{position:"absolute",width:(r.width-x(n.style.left)-x(n.style.right)),height:(r.height-x(n.style.top)-x(n.style.bottom)),zIndex:z}}function u(y,z){return{position:"fixed",width:r.width,height:r.height,zIndex:z}}function s(){n.style.position="absolute";var y={position:"absolute",width:x(n.style.width),height:x(n.style.height),top:x(n.style.top),left:x(n.style.left)};c(r.getMedia().getDisplayElement(),y)}function d(z){var A={position:"absolute",margin:0,padding:0,top:null};var y=r.plugins.config[z].position.toLowerCase();switch(y.toUpperCase()){case b.html5.view.positions.TOP:A.top=x(n.style.top);A.left=x(n.style.left);A.width=f-x(n.style.left)-x(n.style.right);A.height=r.plugins.object[z].height;n.style[y]=x(n.style[y])+r.plugins.object[z].height+"px";n.style.height=x(n.style.height)-A.height+"px";break;case b.html5.view.positions.RIGHT:A.top=x(n.style.top);A.right=x(n.style.right);A.width=A.width=r.plugins.object[z].width;A.height=v-x(n.style.top)-x(n.style.bottom);n.style[y]=x(n.style[y])+r.plugins.object[z].width+"px";n.style.width=x(n.style.width)-A.width+"px";break;case b.html5.view.positions.BOTTOM:A.bottom=x(n.style.bottom);A.left=x(n.style.left);A.width=f-x(n.style.left)-x(n.style.right);A.height=r.plugins.object[z].height;n.style[y]=x(n.style[y])+r.plugins.object[z].height+"px";n.style.height=x(n.style.height)-A.height+"px";break;case b.html5.view.positions.LEFT:A.top=x(n.style.top);A.left=x(n.style.left);A.width=r.plugins.object[z].width;A.height=v-x(n.style.top)-x(n.style.bottom);n.style[y]=x(n.style[y])+r.plugins.object[z].width+"px";n.style.width=x(n.style.width)-A.width+"px";break;default:break}return A}this.resize=g;this.fullscreen=function(z){if(r.getMedia().getDisplayElement().webkitSupportsFullscreen){if(z){r.height=screen.availHeight;r.width=screen.availWidth;r.getMedia().getDisplayElement().webkitEnterFullscreen()}else{r.height=v;r.width=f;r.getMedia().getDisplayElement().webkitExitFullscreen()}}else{if(z){r.width=window.innerWidth;r.height=window.innerHeight;var y={position:"fixed",width:"100%",height:"100%",top:0,left:0,zIndex:2147483000};c(q,y);y.zIndex=1;c(r.getMedia().getDisplayElement(),y);y.zIndex=2;c(n,y)}else{r.width=f;r.height=v;c(q,{position:"relative",height:r.height,width:r.width,zIndex:0})}g(r.width,r.height)}}};function a(d){return([b.html5.view.positions.TOP,b.html5.view.positions.RIGHT,b.html5.view.positions.BOTTOM,b.html5.view.positions.LEFT].indexOf(d.toUpperCase())>-1)}b.html5.view.positions={TOP:"TOP",RIGHT:"RIGHT",BOTTOM:"BOTTOM",LEFT:"LEFT",OVER:"OVER",NONE:"NONE"}})(jwplayer);(function(a){var b={backgroundcolor:parseInt("000000",16),margin:10,font:"Arial,sans-serif",fontsize:10,fontcolor:parseInt("000000",16),fontstyle:"normal",fontweight:"bold",buttoncolor:parseInt("ffffff",16),position:a.html5.view.positions.BOTTOM,idlehide:false,layout:{left:{position:"left",elements:[{name:"play",type:"button"},{name:"divider",type:"divider"},{name:"prev",type:"button"},{name:"divider",type:"divider"},{name:"next",type:"button"},{name:"divider",type:"divider"},{name:"elapsed",type:"text"}]},center:{position:"center",elements:[{name:"time",type:"slider"}]},right:{position:"right",elements:[{name:"duration",type:"text"},{name:"divider",type:"divider"},{name:"blank",type:"button"},{name:"fullscreen",type:"button"},{name:"divider",type:"divider"},{name:"mute",type:"button"},{name:"volume",type:"slider"}]}}};_css=a.html5.utils.css;_hide=function(c){_css(c,{display:"none"})};_show=function(c){_css(c,{display:"block"})};a.html5.controlbar=function(h,H){var g=h;var v=a.utils.extend({},b,g.skin.getComponentSettings("controlbar"),H);if(a.html5.utils.mapLength(g.skin.getComponentLayout("controlbar"))>0){v.layout=g.skin.getComponentLayout("controlbar")}var L;var C=0;var K=0;var w=0;var p="none";var e;var f;var M;var d;var c;var s;var o;var D={};var k=false;function B(){var R={height:g.skin.getSkinElement("controlbar","background").height,backgroundColor:v.backgroundcolor};L=document.createElement("div");L.id=g.id+"_jwplayer_controlbar";_css(L,R);r("capLeft","left",false,L);var S={position:"absolute",height:g.skin.getSkinElement("controlbar","background").height,background:" url("+g.skin.getSkinElement("controlbar","background").src+") repeat-x center left",left:g.skin.getSkinElement("controlbar","capLeft").width};J("elements",L,S);r("capRight","right",false,L)}this.getDisplayElement=function(){return L};this.resize=function(T,R){if(!k&&L.parentElement!==undefined){k=true;if(v.position==a.html5.view.positions.OVER.toLowerCase()){document.getElementById(g.id).onmousemove=t}}c=T;s=R;if(g.jwGetFullscreen()){_show(D.normalscreenButton);_hide(D.fullscreenButton)}else{_hide(D.normalscreenButton);_show(D.fullscreenButton)}var S=q();y({id:g.id,duration:M,position:f});n({id:g.id,bufferPercent:d});return S};function t(){a.html5.utils.cancelAnimation(L);a.html5.utils.fadeTo(L,0,0.1,1,2)}function F(){L.style.opacity=1}function J(U,T,S){var R=document.createElement("div");D[U]=R;R.id=L.id+"_"+U;T.appendChild(R);if(S!==undefined){_css(R,S)}return R}function A(){Q(v.layout.left);Q(v.layout.right,-1);Q(v.layout.center)}function Q(U,R){var V=U.position=="right"?"right":"left";var T=a.utils.extend([],U.elements);if(R!==undefined){T.reverse()}for(var S=0;S<T.length;S++){u(T[S],V)}}function G(){return C++}function u(V,X){var U,S,T,R,Z;switch(V.name){case"play":r("playButton",X,false);r("pauseButton",X,true);E("playButton","jwPlay");E("pauseButton","jwPause");break;case"divider":r("divider"+G(),X,true);break;case"prev":if(g.jwGetPlaylist().length>1){r("prevButton",X,true);E("prevButton","jwPlaylistPrev")}break;case"next":if(g.jwGetPlaylist().length>1){r("nextButton",X,true);E("nextButton","jwPlaylistNext")}break;case"elapsed":r("elapsedText",X,true);break;case"time":S=g.skin.getSkinElement("controlbar","timeSliderCapLeft")===undefined?0:g.skin.getSkinElement("controlbar","timeSliderCapLeft").width;T=g.skin.getSkinElement("controlbar","timeSliderCapRight")===undefined?0:g.skin.getSkinElement("controlbar","timeSliderCapRight").width;U=X=="left"?S:T;R=g.skin.getSkinElement("controlbar","timeSliderRail").width+S+T;Z={height:g.skin.getSkinElement("controlbar","background").height,position:"absolute",top:0,width:R};Z[X]=X=="left"?K:w;var W=J("timeSlider",D.elements,Z);r("timeSliderCapLeft",X,true,W,X=="left"?0:U);r("timeSliderRail",X,false,W,U);r("timeSliderBuffer",X,false,W,U);r("timeSliderProgress",X,false,W,U);r("timeSliderThumb",X,false,W,U);r("timeSliderCapRight",X,true,W,X=="right"?0:U);I("time");break;case"fullscreen":r("fullscreenButton",X,false);r("normalscreenButton",X,true);E("fullscreenButton","jwSetFullscreen",true);E("normalscreenButton","jwSetFullscreen",false);break;case"volume":S=g.skin.getSkinElement("controlbar","volumeSliderCapLeft")===undefined?0:g.skin.getSkinElement("controlbar","volumeSliderCapLeft").width;T=g.skin.getSkinElement("controlbar","volumeSliderCapRight")===undefined?0:g.skin.getSkinElement("controlbar","volumeSliderCapRight").width;U=X=="left"?S:T;R=g.skin.getSkinElement("controlbar","volumeSliderRail").width+S+T;Z={height:g.skin.getSkinElement("controlbar","background").height,position:"absolute",top:0,width:R};Z[X]=X=="left"?K:w;var Y=J("volumeSlider",D.elements,Z);r("volumeSliderCapLeft",X,true,Y,X=="left"?0:U);r("volumeSliderRail",X,true,Y,U);r("volumeSliderProgress",X,false,Y,U);r("volumeSliderCapRight",X,true,Y,X=="right"?0:U);I("volume");break;case"mute":r("muteButton",X,false);r("unmuteButton",X,true);E("muteButton","jwSetMute",true);E("unmuteButton","jwSetMute",false);break;case"duration":r("durationText",X,true);break}}function r(U,Y,X,V,R){if((g.skin.getSkinElement("controlbar",U)!==undefined||U.indexOf("Text")>0||U.indexOf("divider")===0)&&!(U.indexOf("divider")===0&&o.indexOf("divider")===0)){o=U;var T={height:g.skin.getSkinElement("controlbar","background").height,position:"absolute",top:0};var W;if(U.indexOf("Text")>0){U.innerhtml="00:00";T.font=v.fontsize+"px/"+(g.skin.getSkinElement("controlbar","background").height+1)+"px "+v.font;T.color=v.fontcolor;T.textAlign="center";T.fontWeight=v.fontweight;T.fontStyle=v.fontstyle;T.cursor="default";W=14+3*v.fontsize}else{if(U.indexOf("divider")===0){T.background="url("+g.skin.getSkinElement("controlbar","divider").src+") repeat-x center left";W=g.skin.getSkinElement("controlbar","divider").width}else{T.background="url("+g.skin.getSkinElement("controlbar",U).src+") repeat-x center left";W=g.skin.getSkinElement("controlbar",U).width}}if(Y=="left"){T.left=R===undefined?K:R;if(X){K+=W}}else{if(Y=="right"){T.right=R===undefined?w:R;if(X){w+=W}}}if(V===undefined){V=D.elements}T.width=W;var S=J(U,V,T);if(g.skin.getSkinElement("controlbar",U+"Over")!==undefined){S.onmouseover=function(Z){Z.stopPropagation();S.style.backgroundImage=["url(",g.skin.getSkinElement("controlbar",U+"Over").src,")"].join("")};S.onmouseout=function(Z){Z.stopPropagation();S.style.backgroundImage=["url(",g.skin.getSkinElement("controlbar",U).src,")"].join("")}}}}function x(){g.jwAddEventListener(a.api.events.JWPLAYER_MEDIA_BUFFER,n);g.jwAddEventListener(a.api.events.JWPLAYER_PLAYER_STATE,l);g.jwAddEventListener(a.api.events.JWPLAYER_MEDIA_TIME,y);g.jwAddEventListener(a.api.events.JWPLAYER_MEDIA_MUTE,P);g.jwAddEventListener(a.api.events.JWPLAYER_MEDIA_VOLUME,i);g.jwAddEventListener(a.api.events.JWPLAYER_MEDIA_COMPLETE,z)}function N(){y({id:g.id,duration:g.jwGetDuration(),position:0});n({id:g.id,bufferProgress:0});P({id:g.id,mute:g.jwGetMute()});l({id:g.id,newstate:a.api.events.state.IDLE});i({id:g.id,volume:g.jwGetVolume()})}function E(T,U,S){if(g.skin.getSkinElement("controlbar",T)!==undefined){var R=D[T];if(R!==null){_css(R,{cursor:"pointer"});if(U=="fullscreen"){R.onmouseup=function(V){V.stopPropagation();g.jwSetFullscreen(!g.jwGetFullscreen())}}else{R.onmouseup=function(V){V.stopPropagation();if(S!==null){g[U](S)}else{g[U]()}}}}}}function I(R){var S=D[R+"Slider"];_css(D.elements,{cursor:"pointer"});_css(S,{cursor:"pointer"});S.onmousedown=function(T){p=R};S.onmouseup=function(T){T.stopPropagation();O(T.pageX)};S.onmousemove=function(T){if(p=="time"){e=true;var U=T.pageX-S.getBoundingClientRect().left-window.pageXOffset;_css(D.timeSliderThumb,{left:U})}}}function O(S){e=false;var V,R;if(p=="time"){V=D.timeSliderRail.getBoundingClientRect();R=S-V.left+window.pageXOffset;var U=R/V.width*M;if(U<0){U=0}else{if(U>M){U=M-3}}g.jwSeek(U);if(g.jwGetState()!=a.api.events.state.PLAYING){g.jwPlay()}}else{if(p=="volume"){V=D.volumeSliderRail.getBoundingClientRect();R=S-V.left-window.pageXOffset;var T=Math.round(R/V.width*100);if(T<0){T=0}else{if(T>100){T=100}}if(g.jwGetMute()){g.jwSetMute(false)}g.jwSetVolume(T)}}p="none"}function n(S){if(S.bufferPercent!==null){d=S.bufferPercent}var T=D.timeSliderRail.getBoundingClientRect().width;var R=isNaN(Math.round(T*d/100))?0:Math.round(T*d/100);_css(D.timeSliderBuffer,{width:R})}function P(R){if(R.mute){_hide(D.muteButton);_show(D.unmuteButton);_hide(D.volumeSliderProgress)}else{_show(D.muteButton);_hide(D.unmuteButton);_show(D.volumeSliderProgress)}}function l(R){if(R.newstate==a.api.events.state.BUFFERING||R.newstate==a.api.events.state.PLAYING){_show(D.pauseButton);_hide(D.playButton)}else{_hide(D.pauseButton);_show(D.playButton)}if(R.newstate==a.api.events.state.IDLE){if(!v.idlehide&&v.position==a.html5.view.positions.OVER){F()}_hide(D.timeSliderBuffer);_hide(D.timeSliderProgress);_hide(D.timeSliderThumb)}else{_show(D.timeSliderBuffer);if(R.newstate!=a.api.events.state.BUFFERING){_show(D.timeSliderProgress);_show(D.timeSliderThumb)}}}function z(R){y(a.utils.extend(R,{position:0,duration:M}))}function y(U){if(U.position!==null){f=U.position}if(U.duration!==null){M=U.duration}var S=(f===M===0)?0:f/M;var V=D.timeSliderRail.getBoundingClientRect();var R=isNaN(Math.round(V.width*S))?0:Math.round(V.width*S);var T=R;D.timeSliderProgress.style.width=R+"px";if(!e){if(D.timeSliderThumb){D.timeSliderThumb.style.left=T+"px"}}if(D.durationText){D.durationText.innerHTML=j(M)}if(D.elapsedText){D.elapsedText.innerHTML=j(f)}}function j(R){str="00:00";if(R>0){str=Math.floor(R/60)<10?"0"+Math.floor(R/60)+":":Math.floor(R/60)+":";str+=Math.floor(R%60)<10?"0"+Math.floor(R%60):Math.floor(R%60)}return str}function q(){var S={width:c};var R={};if(v.position.toUpperCase()==a.html5.view.positions.OVER||g.jwGetFullscreen()){S.left=v.margin;S.width-=2*v.margin;S.top=s-g.skin.getSkinElement("controlbar","background").height-v.margin;S.height=g.skin.getSkinElement("controlbar","background").height}else{S.left=0}R.left=g.skin.getSkinElement("controlbar","capLeft").width;R.width=S.width-g.skin.getSkinElement("controlbar","capLeft").width-g.skin.getSkinElement("controlbar","capRight").width;var T=g.skin.getSkinElement("controlbar","timeSliderCapLeft")===undefined?0:g.skin.getSkinElement("controlbar","timeSliderCapLeft").width;_css(D.timeSliderRail,{width:(R.width-K-w),left:T});if(D.timeSliderCapRight!==undefined){_css(D.timeSliderCapRight,{left:T+(R.width-K-w)})}_css(L,S);_css(D.elements,R);return S}function i(V){if(D.volumeSliderRail!==undefined){var T=isNaN(V.volume/100)?1:V.volume/100;var U=parseInt(D.volumeSliderRail.style.width.replace("px",""),10);var R=isNaN(Math.round(U*T))?0:Math.round(U*T);var W=parseInt(D.volumeSliderRail.style.right.replace("px",""),10);var S=g.skin.getSkinElement("controlbar","volumeSliderCapLeft")===undefined?0:g.skin.getSkinElement("controlbar","volumeSliderCapLeft").width;_css(D.volumeSliderProgress,{width:R,left:S});if(D.volumeSliderCapLeft!==undefined){_css(D.volumeSliderCapLeft,{left:0})}}}function m(){B();A();x();N();L.style.opacity=v.idlehide?0:1}m();return this}})(jwplayer);(function(b){var a=["width","height","state","playlist","item","position","buffer","duration","volume","mute","fullscreen"];b.html5.controller=function(r,q,d,p){var u=r;var w=d;var c=p;var j=q;var y=true;var s=(w.config.debug!==undefined)&&(w.config.debug.toString().toLowerCase()=="console");var h=new b.html5.eventdispatcher(j.id,s);b.utils.extend(this,h);function l(B){h.sendEvent(B.type,B)}w.addGlobalListener(l);function o(){try{if(w.playlist[0].levels[0].file.length>0){switch(w.state){case b.api.events.state.IDLE:if(y){w.setActiveMediaProvider(w.playlist[w.item]);w.addEventListener(b.api.events.JWPLAYER_MEDIA_BUFFER_FULL,w.getMedia().play);if(w.config.repeat){w.addEventListener(b.api.events.JWPLAYER_MEDIA_COMPLETE,function(C){setTimeout(m,25)})}w.getMedia().load(w.playlist[w.item]);y=false}else{w.getMedia().play()}break;case b.api.events.state.PAUSED:w.getMedia().play();break}}return true}catch(B){h.sendEvent(b.api.events.JWPLAYER_ERROR,B)}return false}function z(){try{if(w.playlist[0].levels[0].file.length>0){switch(w.state){case b.api.events.state.PLAYING:case b.api.events.state.BUFFERING:w.getMedia().pause();break}}return true}catch(B){h.sendEvent(b.api.events.JWPLAYER_ERROR,B)}return false}function v(B){try{if(w.playlist[0].levels[0].file.length>0){switch(w.state){case b.api.events.state.PLAYING:case b.api.events.state.PAUSED:case b.api.events.state.BUFFERING:w.getMedia().seek(B);break}}return true}catch(C){h.sendEvent(b.api.events.JWPLAYER_ERROR,C)}return false}function i(){try{if(w.playlist[0].levels[0].file.length>0){w.getMedia().stop()}return true}catch(B){h.sendEvent(b.api.events.JWPLAYER_ERROR,B)}return false}function f(){try{if(w.playlist[0].levels[0].file.length>0){if(w.config.shuffle){n(Math.floor(Math.random()*w.playlist.length))}else{if(w.item+1==w.playlist.length){return n(0)}else{return n(w.item+1)}}}if(w.state!=b.api.events.state.PLAYING&&w.state!=b.api.events.state.BUFFERING){o()}return true}catch(B){h.sendEvent(b.api.events.JWPLAYER_ERROR,B)}return false}function e(){try{if(w.playlist[0].levels[0].file.length>0){if(w.config.shuffle){n(Math.floor(Math.random()*w.playlist.length))}else{if(w.item===0){return n(w.playlist.length-1)}else{return n(w.item-1)}}}if(w.state!=b.api.events.state.PLAYING&&w.state!=b.api.events.state.BUFFERING){o()}return true}catch(B){h.sendEvent(b.api.events.JWPLAYER_ERROR,B)}return false}function n(C){try{if(w.playlist[0].levels[0].file.length>0){var D=w.state;i();w.item=C;y=true;h.sendEvent(b.api.events.JWPLAYER_PLAYLIST_ITEM,{item:C});if(D==b.api.events.state.PLAYING||D==b.api.events.state.BUFFERING){o()}}return true}catch(B){h.sendEvent(b.api.events.JWPLAYER_ERROR,B)}return false}function x(C){try{switch(typeof(C)){case"number":w.getMedia().volume(C);break;case"string":w.getMedia().volume(parseInt(C,10));break}return true}catch(B){h.sendEvent(b.api.events.JWPLAYER_ERROR,B)}return false}function k(C){try{w.getMedia().mute(C);return true}catch(B){h.sendEvent(b.api.events.JWPLAYER_ERROR,B)}return false}function g(C,B){try{w.width=C;w.height=B;c.resize(C,B);return true}catch(D){h.sendEvent(b.api.events.JWPLAYER_ERROR,D)}return false}function t(C){try{w.fullscreen=C;c.fullscreen(C);return true}catch(B){h.sendEvent(b.api.events.JWPLAYER_ERROR,B)}return false}function A(B){try{w.loadPlaylist(B);y=true;return true}catch(C){h.sendEvent(b.api.events.JWPLAYER_ERROR,C)}return false}b.html5.controller.repeatoptions={LIST:"LIST",ALWAYS:"ALWAYS",SINGLE:"SINGLE",NONE:"NONE"};function m(){switch(w.config.repeat.toUpperCase()){case b.html5.controller.repeatoptions.SINGLE:o();break;case b.html5.controller.repeatoptions.ALWAYS:if(w.item==w.playlist.length-1&&!w.config.shuffle){n(0);o()}else{f()}break;case b.html5.controller.repeatoptions.LIST:if(w.item==w.playlist.length-1&&!w.config.shuffle){n(0)}else{f()}break}}this.play=o;this.pause=z;this.seek=v;this.stop=i;this.next=f;this.prev=e;this.item=n;this.setVolume=x;this.setMute=k;this.resize=g;this.setFullscreen=t;this.load=A}})(jwplayer);(function(a){a.html5.defaultSkin=function(){this.text='<?xml version="1.0" ?><skin author="LongTail Video" name="Five" version="1.0"><settings><setting name="backcolor" value="0xFFFFFF"/><setting name="frontcolor" value="0x000000"/><setting name="lightcolor" value="0x000000"/><setting name="screencolor" value="0x000000"/></settings><components><component name="controlbar"><settings><setting name="margin" value="20"/><setting name="fontsize" value="11"/></settings><elements><element name="background" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAIAAABvFaqvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFJJREFUeNrslLENwAAIwxLU/09j5AiOgD5hVQzNAVY8JK4qEfHMIKBnd2+BQlBINaiRtL/aV2rdzYBsM6CIONbI1NZENTr3RwdB2PlnJgJ6BRgA4hwu5Qg5iswAAAAASUVORK5CYII="/><element name="capLeft" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAD5JREFUeNosi8ENACAMAgnuv14H0Z8asI19XEjhOiKCMmibVgJTUt7V6fe9KXOtSQCfctJHu2q3/ot79hNgANc2OTz9uTCCAAAAAElFTkSuQmCC"/><element name="capRight" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAD5JREFUeNosi8ENACAMAgnuv14H0Z8asI19XEjhOiKCMmibVgJTUt7V6fe9KXOtSQCfctJHu2q3/ot79hNgANc2OTz9uTCCAAAAAElFTkSuQmCC"/><element name="divider" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAD5JREFUeNosi8ENACAMAgnuv14H0Z8asI19XEjhOiKCMmibVgJTUt7V6fe9KXOtSQCfctJHu2q3/ot79hNgANc2OTz9uTCCAAAAAElFTkSuQmCC"/><element name="playButton" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAYCAYAAAAVibZIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEhJREFUeNpiYqABYBo1dNRQ+hr6H4jvA3E8NS39j4SpZvh/LJig4YxEGEqy3kET+w+AOGFQRhTJhrEQkGcczfujhg4CQwECDADpTRWU/B3wHQAAAABJRU5ErkJggg=="/><element name="pauseButton" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAYCAYAAAAVibZIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAChJREFUeNpiYBgFo2DwA0YC8v/R1P4nRu+ooaOGUtnQUTAKhgIACDAAFCwQCfAJ4gwAAAAASUVORK5CYII="/><element name="prevButton" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAYCAYAAAAVibZIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEtJREFUeNpiYBgFo2Dog/9QDAPyQHweTYwiQ/2B+D0Wi8g2tB+JTdBQRiIMJVkvEy0iglhDF9Aq9uOpHVEwoE+NJDUKRsFgAAABBgDe2hqZcNNL0AAAAABJRU5ErkJggg=="/><element name="nextButton" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAYCAYAAAAVibZIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAElJREFUeNpiYBgFo2Dog/9AfB6I5dHE/lNqKAi/B2J/ahsKw/3EGMpIhKEk66WJoaR6fz61IyqemhEFSlL61ExSo2AUDAYAEGAAiG4hj+5t7M8AAAAASUVORK5CYII="/><element name="timeSliderRail" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADxJREFUeNpiYBgFo2AU0Bwwzluw+D8tLWARFhKiqQ9YuLg4aWsBGxs7bS1gZ6e5BWyjSX0UjIKhDgACDABlYQOGh5pYywAAAABJRU5ErkJggg=="/><element name="timeSliderBuffer" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAD1JREFUeNpiYBgFo2AU0Bww1jc0/aelBSz8/Pw09QELOzs7bS1gY2OjrQWsrKy09gHraFIfBaNgqAOAAAMAvy0DChXHsZMAAAAASUVORK5CYII="/><element name="timeSliderProgress" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAClJREFUeNpiYBgFo2AU0BwwAvF/WlrARGsfjFow8BaMglEwCugAAAIMAOHfAQunR+XzAAAAAElFTkSuQmCC"/><element name="timeSliderThumb" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAICAYAAAA870V8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABZJREFUeNpiZICA/yCCiQEJUJcDEGAAY0gBD1/m7Q0AAAAASUVORK5CYII="/><element name="muteButton" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAYCAYAAADKx8xXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADFJREFUeNpiYBgFIw3MB+L/5Gj8j6yRiRTFyICJXHfTXyMLAXlGati4YDRFDj8AEGAABk8GSqqS4CoAAAAASUVORK5CYII="/><element name="unmuteButton" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAYCAYAAADKx8xXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAD1JREFUeNpiYBgFgxz8p7bm+cQa+h8LHy7GhEcjIz4bmAjYykiun/8j0fakGPIfTfPgiSr6aB4FVAcAAQYAWdwR1G1Wd2gAAAAASUVORK5CYII="/><element name="volumeSliderRail" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAYCAYAAADkgu3FAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGpJREFUeNpi/P//PwM9ABMDncCoRYPfIqqDZcuW1UPp/6AUDcNM1DQYKtRAlaAj1mCSLSLXYIIWUctgDItoZfDA5aOoqKhGEANIM9LVR7SymGDQUctikuOIXkFNdhHEOFrDjlpEd4sAAgwAriRMub95fu8AAAAASUVORK5CYII="/><element name="volumeSliderProgress" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAYCAYAAADkgu3FAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFtJREFUeNpi/P//PwM9ABMDncCoRYPfIlqAeij9H5SiYZiqBqPTlFqE02BKLSLaYFItIttgQhZRzWB8FjENiuRJ7aAbsMQwYMl7wDIsWUUQ42gNO2oR3S0CCDAAKhKq6MLLn8oAAAAASUVORK5CYII="/><element name="fullscreenButton" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE5JREFUeNpiYBgFo2DQA0YC8v/xqP1PjDlMRDrEgUgxkgHIlfZoriVGjmzLsLFHAW2D6D8eA/9Tw7L/BAwgJE90PvhPpNgoGAVDEQAEGAAMdhTyXcPKcAAAAABJRU5ErkJggg=="/><element name="normalscreenButton" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEZJREFUeNpiYBgFo2DIg/9UUkOUAf8JiFFsyX88fJyAkcQgYMQjNkzBoAgiezyRbE+tFGSPxQJ7auYBmma0UTAKBhgABBgAJAEY6zON61sAAAAASUVORK5CYII="/></elements></component><component name="display"><elements><element name="background" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEpJREFUeNrszwENADAIA7DhX8ENoBMZ5KR10EryckCJiIiIiIiIiIiIiIiIiIiIiIh8GmkRERERERERERERERERERERERGRHSPAAPlXH1phYpYaAAAAAElFTkSuQmCC"/><element name="playIcon" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALdJREFUeNrs18ENgjAYhmFouDOCcQJGcARHgE10BDcgTOIosAGwQOuPwaQeuFRi2p/3Sb6EC5L3QCxZBgAAAOCorLW1zMn65TrlkH4NcV7QNcUQt7Gn7KIhxA+qNIR81spOGkL8oFJDyLJRdosqKDDkK+iX5+d7huzwM40xptMQMkjIOeRGo+VkEVvIPfTGIpKASfYIfT9iCHkHrBEzf4gcUQ56aEzuGK/mw0rHpy4AAACAf3kJMACBxjAQNRckhwAAAABJRU5ErkJggg=="/><element name="muteIcon" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHJJREFUeNrs1jEOgCAMBVAg7t5/8qaoIy4uoobyXsLCxA+0NCUAAADGUWvdQoQ41x4ixNBB2hBvBskdD3w5ZCkl3+33VqI0kjBBlh9rp+uTcyOP33TnolfsU85XX3yIRpQph8ZQY3wTZtU5AACASA4BBgDHoVuY1/fvOQAAAABJRU5ErkJggg=="/><element name="errorIcon" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAWlJREFUeNrsl+1twjAQhsHq/7BBYQLYIBmBDcoGMAIjtBPQTcII2SDtBDBBwrU6pGsUO7YbO470PtKJkz9iH++d4ywWAAAAAABgljRNsyWr2bZzDuJG1rLdZhcMbTjrBCGDyUKsqQLFciJb9bSvuG/WagRVRUVUI6gqy5HVeKWfSgRyJruKIU//TrZTSn2nmlaXThrloi/v9F2STC1W4+Aw5cBzkquRc09bofFNc6YLxEON0VUZS5FPTftO49vMjRsIF3RhOGr7/D/pJw+FKU+q0vDyq8W42jCunDqI3LC5XxNj2wHLU1XjaRnb0Lhykhqhhd8MtSF5J9tbjCv4mXGvKJz/65FF/qJryyaaIvzP2QRxZTX2nTuXjvV/VPFSwyLnW7mpH99yTh1FEVro6JBSd40/pMrRdV8vPtcKl28T2pT8TnFZ4yNosct3Q0io6JfBiz1FlGdqVQH3VHnepAEAAAAAADDzEGAAcTwB10jWgxcAAAAASUVORK5CYII="/><element name="bufferIcon" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAuhJREFUeNrsWr9rU1EUznuNGqvFQh1ULOhiBx0KDtIuioO4pJuik3FxFfUPaAV1FTdx0Q5d2g4FFxehTnEpZHFoBy20tCIWtGq0TZP4HfkeHB5N8m6Sl/sa74XDybvv3vvOd8/Pe4lXrVZT3dD8VJc0B8QBcUAcEAfESktHGeR5XtMfqFQq/f92zPe/NbtGlKTdCY30kuxrpMGO94BlQCXs+rbh3ONgA6BlzP1p20d80gEI5hmA2A92Qua1Q2PtAFISM+bvjMG8U+Q7oA3rQGASwrYCU6WpNdLGYbA+Pq5jjXIiwi8EEa2UDbQSaKOIuV+SlkcCrfjY8XTI9EpKGwP0C2kru2hLtHqa4zoXtZRWyvi4CLwv9Opr6Hkn6A9HKgEANsQ1iqC3Ub/vRUk2JgmRkatK36kVrnt0qObunwUdUUMXMWYpakJsO5Am8tAw2GBIgwWA+G2S2dMpiw0gDioQRQJoKhRb1QiDwlHZUABYbaXWsm5ae6loTE4ZDxN4CZar8foVzOJ2iyZ2kWF3t7YIevffaMT5yJ70kQb2fQ1sE5SHr2wazs2wgMxgbsEKEAgxAvZUJbQLBGTSBMgNrncJbA6AljtS/eKDJ0Ez+DmrQEzXS2h1Ck25kAg0IZcUOaydCy4sYnN2fOA+2AP16gNoHALlQ+fwH7XO4CxLenUpgj4xr6ugY2roPMbMx+Xs18m/E8CVEIhxsNeg83XWOAN6grG3lGbk8uE5fr4B/WH3cJw+co/l9nTYsSGYCJ/lY5/qv0thn6nrIWmjeJcPSnWOeY++AkF8tpJHIMAUs/MaBBpj3znZfQo5psY+ZrG4gv5HickjEOymKjEeRpgyST6IuZcTcWbnjcgdPi5ghxciRKsl1lDSsgwA1i8fssonJgzmTSqfGUkCENndNdAL7PS6QQ7ZYISTo+1qq0LEWjTWcvY4isa4z+yfQB+7ooyHVg5RI7/i1Ijn/vnggDggDogD4oC00P4KMACd/juEHOrS4AAAAABJRU5ErkJggg=="/></elements></component><component name="dock"><elements><element name="button" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFBJREFUeNrs0cEJACAQA8Eofu0fu/W6EM5ZSAFDRpKTBs00CQQEBAQEBAQEBAQEBAQEBATkK8iqbY+AgICAgICAgICAgICAgICAgIC86QowAG5PAQzEJ0lKAAAAAElFTkSuQmCC"/></elements></component><component name="playlist"><elements><element name="item" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAIAAAC1nk4lAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHhJREFUeNrs2NEJwCAMBcBYuv/CFuIE9VN47WWCR7iocXR3pdWdGPqqwIoMjYfQeAiNh9B4JHc6MHQVHnjggQceeOCBBx77TifyeOY0iHi8DqIdEY8dD5cL094eePzINB5CO/LwcOTptNB4CP25L4TIbZzpU7UEGAA5wz1uF5rF9AAAAABJRU5ErkJggg=="/><element name="sliderRail" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAA8CAIAAADpFA0BAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNrsy6ENACAMAMHClp2wYxZLAg5Fcu9e3OjuOKqqfTMzbs14CIZhGIZhGIZhGP4VLwEGAK/BBnVFpB0oAAAAAElFTkSuQmCC"/><element name="sliderThumb" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAA8CAIAAADpFA0BAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADRJREFUeNrsy7ENACAMBLE8++8caFFKKiRffU53112SGs3ttOohGIZhGIZhGIZh+Fe8BRgAiaUGde6NOSEAAAAASUVORK5CYII="/></elements></component></components></skin>';this.xml=null;if(window.DOMParser){parser=new DOMParser();this.xml=parser.parseFromString(this.text,"text/xml")}else{this.xml=new ActiveXObject("Microsoft.XMLDOM");this.xml.async="false";this.xml.loadXML(this.text)}return this}})(jwplayer);(function(a){_css=a.html5.utils.css;_hide=function(b){_css(b,{display:"none"})};_show=function(b){_css(b,{display:"block"})};a.html5.display=function(j,r){var p=j;var d={};var f;var s;var q;var k;var i=p.skin.getComponentSettings("display").bufferrotation===undefined?15:parseInt(p.skin.getComponentSettings("display").bufferrotation,10);var e=p.skin.getComponentSettings("display").bufferinterval===undefined?100:parseInt(p.skin.getComponentSettings("display").bufferinterval,10);var c={display:{style:{cursor:"pointer"},click:o},display_icon:{style:{cursor:"pointer",position:"absolute",top:((p.skin.getSkinElement("display","background").height-p.skin.getSkinElement("display","playIcon").height)/2),left:((p.skin.getSkinElement("display","background").width-p.skin.getSkinElement("display","playIcon").width)/2),border:0,margin:0,padding:0,zIndex:3}},display_iconBackground:{style:{cursor:"pointer",position:"absolute",top:((s-p.skin.getSkinElement("display","background").height)/2),left:((f-p.skin.getSkinElement("display","background").width)/2),border:0,backgroundImage:(["url(",p.skin.getSkinElement("display","background").src,")"]).join(""),width:p.skin.getSkinElement("display","background").width,height:p.skin.getSkinElement("display","background").height,margin:0,padding:0,zIndex:2}},display_image:{style:{display:"block",width:f,height:s,position:"absolute",cursor:"pointer",left:0,top:0,margin:0,padding:0,textDecoration:"none",zIndex:1}},display_text:{style:{zIndex:4,position:"relative",opacity:0.8,backgroundColor:parseInt("000000",16),color:parseInt("ffffff",16),textAlign:"center",fontFamily:"Arial,sans-serif",padding:"0 5px",fontSize:14}}};p.jwAddEventListener(a.api.events.JWPLAYER_PLAYER_STATE,h);p.jwAddEventListener(a.api.events.JWPLAYER_MEDIA_MUTE,h);p.jwAddEventListener(a.api.events.JWPLAYER_PLAYLIST_ITEM,h);p.jwAddEventListener(a.api.events.JWPLAYER_ERROR,n);t();function t(){d.display=m("div","display");d.display_text=m("div","display_text");d.display.appendChild(d.display_text);d.display_image=m("div","display_image");d.display_icon=m("div","display_icon");d.display_iconBackground=m("div","display_iconBackground");d.display.appendChild(d.display_image);d.display_iconBackground.appendChild(d.display_icon);d.display.appendChild(d.display_iconBackground);b()}this.getDisplayElement=function(){return d.display};this.resize=function(v,u){f=v;s=u;_css(d.display,{width:v,height:u});_css(d.display_text,{width:v});_css(d.display_image,{width:v,height:u});_css(d.display_iconBackground,{top:((s-p.skin.getSkinElement("display","background").height)/2),left:((f-p.skin.getSkinElement("display","background").width)/2)});h({})};function m(u,w){var v=document.createElement(u);v.id=p.id+"_jwplayer_"+w;_css(v,c[w].style);return v}function b(){for(var u in d){if(c[u].click!==undefined){d[u].onclick=c[u].click}}}function o(u){if(typeof u.preventDefault!="undefined"){u.preventDefault()}else{u.returnValue=false}if(p.jwGetState()!=a.api.events.state.PLAYING){p.jwPlay()}else{p.jwPause()}}function g(u){_show(d.display_iconBackground);d.display_icon.style.backgroundImage=(["url(",p.skin.getSkinElement("display",u).src,")"]).join("");_css(d.display_icon,{display:"block",width:p.skin.getSkinElement("display",u).width,height:p.skin.getSkinElement("display",u).height,top:(p.skin.getSkinElement("display","background").height-p.skin.getSkinElement("display",u).height)/2,left:(p.skin.getSkinElement("display","background").width-p.skin.getSkinElement("display",u).width)/2});if(p.skin.getSkinElement("display",u+"Over")!==undefined){d.display_icon.onmouseover=function(v){v.stopPropagation();d.display_icon.style.backgroundImage=["url(",p.skin.getSkinElement("display",u+"Over").src,")"].join("")};d.display_icon.onmouseout=function(v){v.stopPropagation();d.display_icon.style.backgroundImage=["url(",p.skin.getSkinElement("display",u).src,")"].join("")}}else{d.display_icon.onmouseover=undefined;d.display_icon.onmouseout=undefined}}function l(){_hide(d.display_icon);_hide(d.display_iconBackground)}function n(u){l();d.display_text.innerHTML=u.error;_show(d.display_text);d.display_text.style.top=((s-d.display_text.getBoundingClientRect().height)/2)+"px"}function h(u){_hide(d.display_text);if(k!==undefined){clearInterval(k);k=undefined;a.html5.utils.animations.rotate(d.display_icon,0)}switch(p.jwGetState()){case a.api.events.state.BUFFERING:g("bufferIcon");q=0;k=setInterval(function(){q+=i;a.html5.utils.animations.rotate(d.display_icon,q%360)},e);g("bufferIcon");break;case a.api.events.state.PAUSED:_css(d.display_image,{background:"transparent no-repeat center center"});_show(d.display_iconBackground);g("playIcon");break;case a.api.events.state.IDLE:var v=p.jwGetPlaylist()[p.jwGetItem()].image===""?"":" url("+a.html5.utils.getAbsolutePath(p.jwGetPlaylist()[p.jwGetItem()].image)+")";_css(d.display_image,{background:v+" no-repeat center center"});_show(d.display_iconBackground);g("playIcon");break;default:if(p.jwGetMute()){_css(d.display_image,{background:"transparent no-repeat center center"});_show(d.display_iconBackground);g("muteIcon")}else{_css(d.display_image,{background:"transparent no-repeat center center"});_hide(d.display_iconBackground);_hide(d.display_icon)}break}}return this}})(jwplayer);(function(jwplayer){jwplayer.html5.eventdispatcher=function(id,debug){var _id=id;var _debug=debug;var _listeners;var _globallisteners;this.resetEventListeners=function(){_listeners={};_globallisteners=[]};this.resetEventListeners();this.addEventListener=function(type,listener,count){try{if(_listeners[type]===undefined){_listeners[type]=[]}if(typeof(listener)=="string"){eval("listener = "+listener)}_listeners[type].push({listener:listener,count:count})}catch(err){jwplayer.html5.utils.log("error",err)}return false};this.removeEventListener=function(type,listener){try{for(var lisenterIndex in _listeners[type]){if(_listeners[type][lisenterIndex].toString()==listener.toString()){_listeners[type].slice(lisenterIndex,lisenterIndex+1);break}}}catch(err){jwplayer.html5.utils.log("error",err)}return false};this.addGlobalListener=function(listener,count){try{if(typeof(listener)=="string"){eval("listener = "+listener)}_globallisteners.push({listener:listener,count:count})}catch(err){jwplayer.html5.utils.log("error",err)}return false};this.removeGlobalListener=function(listener){try{for(var lisenterIndex in _globallisteners){if(_globallisteners[lisenterIndex].toString()==listener.toString()){_globallisteners.slice(lisenterIndex,lisenterIndex+1);break}}}catch(err){jwplayer.html5.utils.log("error",err)}return false};this.sendEvent=function(type,data){if(data===undefined){data={}}jwplayer.utils.extend(data,{id:_id,version:jwplayer.html5.version,type:type});if(_debug){jwplayer.html5.utils.log(type,data)}for(var listenerIndex in _listeners[type]){try{_listeners[type][listenerIndex].listener(data)}catch(err){jwplayer.html5.utils.log("There was an error while handling a listener",err)}if(_listeners[type][listenerIndex].count===1){delete _listeners[type][listenerIndex]}else{if(_listeners[type][listenerIndex].count>0){_listeners[type][listenerIndex].count=_listeners[type][listenerIndex].count-1}}}for(var globalListenerIndex in _globallisteners){try{_globallisteners[globalListenerIndex].listener(data)}catch(err){jwplayer.html5.utils.log("There was an error while handling a listener",err)}if(_globallisteners[globalListenerIndex].count===1){delete _globallisteners[globalListenerIndex]}else{if(_globallisteners[globalListenerIndex].count>0){_globallisteners[globalListenerIndex].count=_globallisteners[globalListenerIndex].count-1}}}}}})(jwplayer);(function(a){a.html5.extensionmap={"3gp":"video/3gpp","3gpp":"video/3gpp","3g2":"video/3gpp2","3gpp2":"video/3gpp2",flv:"video/x-flv",f4a:"audio/mp4",f4b:"audio/mp4",f4p:"video/mp4",f4v:"video/mp4",mov:"video/quicktime",m4a:"audio/mp4",m4b:"audio/mp4",m4p:"audio/mp4",m4v:"video/mp4",mkv:"video/x-matroska",mp4:"video/mp4",sdp:"application/sdp",vp6:"video/x-vp6",aac:"audio/aac",mp3:"audio/mp3",ogg:"audio/ogg",ogv:"video/ogg",webm:"video/webm"}})(jwplayer);(function(a){var b={prefix:"http://l.longtailvideo.com/html5/",file:"logo.png",link:"http://www.longtailvideo.com/players/jw-flv-player/",margin:8,out:0.5,over:1,timeout:3,hide:"true",position:"bottom-left",width:93,height:30};_css=a.html5.utils.css;a.html5.logo=function(f,g){var j=f;var h=f.version.split(/\W/).splice(0,2).join("/");if(b.prefix.indexOf(h)<0){b.prefix+=h+"/"}var e=a.utils.extend({},b);var c=document.createElement("img");c.id=j.id+"_jwplayer_logo";_css(c,i());c.onload=function(l){e.width=c.width;e.height=c.height;j.jwAddEventListener(a.api.events.JWPLAYER_PLAYER_STATE,k)};c.src=e.prefix+e.file;c.onmouseover=function(l){c.style.opacity=e.over};c.onmouseout=function(l){c.style.opacity=e.out};c.onclick=d;function i(){var n={width:e.width,height:e.height,textDecoration:"none",position:"absolute",display:"none"};var m=e.position.toLowerCase().split("-");for(var l in m){n[m[l]]=e.margin}return n}this.resize=function(m,l){};this.getDisplayElement=function(){return c};function d(l){l.stopPropagation();window.open(e.link,"_blank");return}function k(l){switch(j.jwGetState()){case a.api.events.state.BUFFERING:c.style.opacity=e.out;a.html5.utils.fadeTo(c,0,0.1,parseFloat(c.style.opacity),e.timeout);break;case a.api.events.state.PAUSED:break;case a.api.events.state.IDLE:break;case a.api.events.state.PLAYING:break;default:a.html5.utils.fadeTo(c,0,0.1,parseFloat(c.style.opacity),e.timeout);break}}return this}})(jwplayer);(function(a){var c={ended:a.api.events.state.IDLE,playing:a.api.events.state.PLAYING,pause:a.api.events.state.PAUSED,buffering:a.api.events.state.BUFFERING};var b=a.html5.utils.css;a.html5.mediavideo=function(j,s){var r={abort:o,canplay:m,canplaythrough:m,durationchange:J,emptied:o,ended:m,error:x,loadeddata:J,loadedmetadata:J,loadstart:m,pause:m,play:G,playing:m,progress:y,ratechange:o,seeked:m,seeking:m,stalled:m,suspend:m,timeupdate:G,volumechange:o,waiting:m,canshowcurrentframe:o,dataunavailable:o,empty:o,load:B,loadedfirstframe:o};var k=new a.html5.eventdispatcher();a.utils.extend(this,k);var A=j;var n=s;var p;var F;var D=a.api.events.state.IDLE;var e=null;var w;var d=0;var C=false;var g=false;var z;var q=0;var E=[];var u;function I(){return D}function B(K){}function o(K){}function m(K){if(c[K.type]){H(c[K.type])}}function H(K){if(w){K=a.api.events.state.IDLE}if(D!=K){var L=D;A.state=K;D=K;var M=false;if(K==a.api.events.state.IDLE){i();if(A.position>=A.duration&&(A.position||A.duration)){M=true}if(n.style.display!="none"){n.style.display="none"}}k.sendEvent(a.api.events.JWPLAYER_PLAYER_STATE,{oldstate:L,newstate:K});if(M){k.sendEvent(a.api.events.JWPLAYER_MEDIA_COMPLETE)}}w=false}function J(K){var L={height:K.target.videoHeight,width:K.target.videoWidth,duration:K.target.duration};if(A.duration===0||isNaN(A.duration)){A.duration=Math.round(K.target.duration*10)/10}A.playlist[A.item]=a.utils.extend(A.playlist[A.item],L);k.sendEvent(a.api.events.JWPLAYER_MEDIA_META,{metadata:L})}function G(K){if(w){return}if(K!==undefined&&K.target!==undefined){if(A.duration===0||isNaN(A.duration)){A.duration=Math.round(K.target.duration*10)/10}if(!C&&n.readyState>0){H(a.api.events.state.PLAYING)}if(D==a.api.events.state.PLAYING){if(!C&&n.readyState>0){C=true;n.currentTime=A.playlist[A.item].start;n.volume=A.volume/100;n.muted=A.mute}A.position=Math.round(K.target.currentTime*10)/10;k.sendEvent(a.api.events.JWPLAYER_MEDIA_TIME,{position:Math.round(K.target.currentTime*10)/10,duration:Math.round(K.target.duration*10)/10})}}y(K)}function v(){var K=(E[E.length-1]-E[0])/E.length;u=setTimeout(function(){if(!F){y({lengthComputable:true,loaded:1,total:1})}},K*10)}function y(M){var L,K;if(M!==undefined&&M.lengthComputable&&M.total){f();L=M.loaded/M.total*100;K=L/100*(A.duration-n.currentTime);if(50<L&&!F){clearTimeout(u);v()}}else{if((n.buffered!==undefined)&&(n.buffered.length>0)){maxBufferIndex=0;if(maxBufferIndex>=0){L=n.buffered.end(maxBufferIndex)/n.duration*100;K=n.buffered.end(maxBufferIndex)-n.currentTime}}}if(p===false&&D==a.api.events.state.BUFFERING){p=true;k.sendEvent(a.api.events.JWPLAYER_MEDIA_BUFFER_FULL)}if(!F){if(L==100&&F===false){F=true}if(L!==null&&(L>A.buffer)){A.buffer=Math.round(L);k.sendEvent(a.api.events.JWPLAYER_MEDIA_BUFFER,{bufferPercent:Math.round(L)})}}}function t(){if(e===null){e=setInterval(function(){G()},100)}}function i(){clearInterval(e);e=null}function x(M){l();var L="There was an error: ";if(M.target.error||M.target.parentNode.error){var K=M.target.error===undefined?M.target.parentNode.error:M.target.error;switch(K.code){case K.MEDIA_ERR_ABORTED:L="You aborted the video playback: ";break;case K.MEDIA_ERR_NETWORK:L="A network error caused the video download to fail part-way: ";break;case K.MEDIA_ERR_DECODE:L="The video playback was aborted due to a corruption problem or because the video used features your browser did not support: ";break;case K.MEDIA_ERR_SRC_NOT_SUPPORTED:L="The video could not be loaded, either because the server or network failed or because the format is not supported: ";break;default:L="An unknown error occurred: ";break}}else{if(M.target.tagName.toLowerCase()=="source"){q++;if(q!=z.levels.length){return}L="The video could not be loaded, either because the server or network failed or because the format is not supported: "}}L+=h();k.sendEvent(a.api.events.JWPLAYER_ERROR,{error:L});return}function h(){var M="";for(var L in z.levels){var K=z.levels[L];var N=n.ownerDocument.createElement("source");M+=a.html5.utils.getAbsolutePath(K.file);if(L<(z.levels.length-1)){M+=", "}}return M}this.getDisplayElement=function(){return n};this.play=function(){if(D!=a.api.events.state.PLAYING){if(n.style.display!="block"){n.style.display="block"}n.play();t()}};this.pause=function(){n.pause();H(a.api.events.state.PAUSED)};this.seek=function(K){n.currentTime=K;n.play()};function l(){w=true;n.pause();i();A.position=0;H(a.api.events.state.IDLE)}this.stop=l;this.volume=function(K){n.volume=K/100;A.volume=K;k.sendEvent(a.api.events.JWPLAYER_MEDIA_VOLUME,{volume:Math.round(K)})};this.mute=function(K){n.muted=K;A.mute=K;k.sendEvent(a.api.events.JWPLAYER_MEDIA_MUTE,{mute:K})};this.resize=function(L,K){if(false){b(n,{width:L,height:K})}k.sendEvent(a.api.events.JWPLAYER_MEDIA_RESIZE,{fullscreen:A.fullscreen,width:L,hieght:K})};this.fullscreen=function(K){if(K===true){this.resize("100%","100%")}else{this.resize(A.config.width,A.config.height)}};this.load=function(K){_embed(K);k.sendEvent(a.api.events.JWPLAYER_MEDIA_LOADED);p=false;F=false;C=false;E=[];f();H(a.api.events.state.BUFFERING);setTimeout(function(){G()},25)};function f(){var K=new Date().getTime();E.push(K)}_embed=function(Q){z=Q;var M=document.createElement("video");M.preload="none";if(A.config.repeat.toUpperCase()==a.html5.controller.repeatoptions.SINGLE){}q=0;for(var L in Q.levels){var K=Q.levels[L];var O=n.ownerDocument.createElement("source");O.src=a.html5.utils.getAbsolutePath(K.file);if(K.type===undefined){var P=a.html5.utils.extension(K.file);if(a.html5.extensionmap[P]!==undefined){O.type=a.html5.extensionmap[P]}else{O.type="video/"+P+";"}}else{O.type=K.type}M.appendChild(O)}M.style.position=n.style.position;M.style.top=n.style.top;M.style.left=n.style.left;M.style.width=n.style.width;M.style.height=n.style.height;M.style.zIndex=n.style.zIndex;M.onload=B;M.volume=0;n.parentNode.replaceChild(M,n);M.id=n.id;n=M;for(var N in r){n.addEventListener(N,function(R){if(R.target.parentNode!==null){r[R.type](R)}},true)}};this.embed=_embed;return this}})(jwplayer);(function(b){var a=["width","height","start","duration","volume","mute","fullscreen","item","plugins"];b.html5.model=function(r,p,g){var u=r;var m=p;var v={id:m.id,media:undefined,playlist:[],state:b.api.events.state.IDLE,position:0,buffer:0,config:{width:480,height:320,item:0,skin:undefined,file:undefined,image:undefined,start:0,duration:0,bufferlength:5,volume:90,mute:false,fullscreen:false,repeat:false,autostart:false,debug:undefined,screencolor:undefined}};var x;var j=new b.html5.eventdispatcher();var w=["display","logo","controlbar"];b.utils.extend(v,j);for(var q in g){if(typeof g[q]=="string"){var h=/color$/.test(q)?"color":null;g[q]=b.html5.utils.typechecker(g[q],h)}var y=v.config;var t=q.split(".");for(var i in t){if(i==t.length-1){y[t[i]]=g[q]}else{if(y[t[i]]===undefined){y[t[i]]={}}y=y[t[i]]}}}for(var k in a){var d=a[k];v[d]=v.config[d]}if(b.utils.isIOS()){v.config.chromeless=true}var l=w.concat([]);if(v.plugins!==undefined){var e=v.plugins.split(",");for(var n in e){l.push(n.replace(/^\s+|\s+$/g,""))}}v.plugins={order:l,config:{controlbar:{position:b.html5.view.positions.BOTTOM}},object:{}};for(var f in v.plugins.order){var c=v.plugins.order[f];var s=v.config[c]===undefined?{}:v.config[c];v.plugins.config[c]=v.plugins.config[c]===undefined?s:b.utils.extend(v.plugins.config[c],s);if(v.plugins.config[c].position===undefined){v.plugins.config[c].position=b.html5.view.positions.OVER}}v.loadPlaylist=function(A,z){z=z===null?true:false;v.playlist=new b.html5.playlist(A);if(v.config.shuffle){v.item=Math.floor(Math.random()*v.playlist.length)}else{if(v.config.item>=v.playlist.length){v.config.item=v.playlist.length-1}v.item=v.config.item}if(z){j.sendEvent(b.api.events.JWPLAYER_PLAYLIST_LOADED);j.sendEvent(b.api.events.JWPLAYER_PLAYLIST_ITEM,{item:v.item})}v.setActiveMediaProvider(v.playlist[v.item])};function o(z){if(z.type==b.api.events.JWPLAYER_MEDIA_LOADED){m=x.getDisplayElement()}j.sendEvent(z.type,z)}v.setActiveMediaProvider=function(z){if(x!==undefined){x.resetEventListeners()}x=new b.html5.mediavideo(v,m);x.addGlobalListener(o);if(v.config.chromeless){x.embed(z)}return true};v.getMedia=function(){return x};v.setupPlugins=function(){for(var z in v.plugins.order){if(b.html5[v.plugins.order[z]]!==undefined){v.plugins.object[v.plugins.order[z]]=new b.html5[v.plugins.order[z]](u,v.plugins.config[v.plugins.order[z]])}else{v.plugins.object[v.plugins.order[z]]=new window[v.plugins.order[z]](u,v.plugins.config[v.plugins.order[z]])}}};return v}})(jwplayer);(function(a){a.html5.playlist=function(b){var c=[];if(b.playlist&&b.playlist.length>0){c=b.playlist}else{c.push(new a.html5.playlistitem(b))}return c}})(jwplayer);(function(a){a.html5.playlistitem=function(c){var b={author:"",date:"",description:"",image:"",link:"",mediaid:"",tags:"",title:"",provider:"",file:"",streamer:"",duration:-1,start:0,currentLevel:-1,levels:[]};for(var d in b){if(c[d]!==undefined){b[d]=c[d]}}if(b.levels.length===0){b.levels[0]=new a.html5.playlistitemlevel(b)}return b}})(jwplayer);(function(a){a.html5.playlistitemlevel=function(b){var d={file:"",streamer:"",bitrate:0,width:0};for(var c in d){if(b[c]!==undefined){d[c]=b[c]}}return d}})(jwplayer);(function(a){a.html5.skin=function(){var b={};var c=false;this.load=function(d,e){new a.html5.skinloader(d,function(f){c=true;b=f;e()})};this.getSkinElement=function(d,e){if(c){try{return b[d].elements[e]}catch(f){a.html5.utils.log("No such skin component / element: ",[d,e])}}return null};this.getComponentSettings=function(d){if(c){return b[d].settings}return null};this.getComponentLayout=function(d){if(c){return b[d].layout}return null}}})(jwplayer);(function(a){a.html5.skinloader=function(f,l){var k={};var c=l;var e=true;var h;var i=f;function j(){if(i===undefined||i===""){d(a.html5.defaultSkin().xml)}else{a.utils.ajax(a.html5.utils.getAbsolutePath(i),function(o){d(o.responseXML)},function(o){d(a.html5.defaultSkin().xml)})}}function d(t){var z=t.getElementsByTagName("component");if(z.length===0){return}for(var C=0;C<z.length;C++){var x=z[C].getAttribute("name");var w={settings:{},elements:{},layout:{}};k[x]=w;var B=z[C].getElementsByTagName("elements")[0].getElementsByTagName("element");for(var A=0;A<B.length;A++){b(B[A],x)}var u=z[C].getElementsByTagName("settings")[0];if(u!==undefined&&u.childNodes.length>0){var F=u.getElementsByTagName("setting");for(var K=0;K<F.length;K++){var L=F[K].getAttribute("name");var D=F[K].getAttribute("value");var s=/color$/.test(L)?"color":null;k[x].settings[L]=a.html5.utils.typechecker(D,s)}}var G=z[C].getElementsByTagName("layout")[0];if(G!==undefined&&G.childNodes.length>0){var H=G.getElementsByTagName("group");for(var r=0;r<H.length;r++){var v=H[r];k[x].layout[v.getAttribute("position")]={elements:[]};for(var J=0;J<v.attributes.length;J++){var y=v.attributes[J];k[x].layout[v.getAttribute("position")][y.name]=y.value}var I=v.getElementsByTagName("*");for(var q=0;q<I.length;q++){var o=I[q];k[x].layout[v.getAttribute("position")].elements.push({type:o.tagName});for(var p=0;p<o.attributes.length;p++){var E=o.attributes[p];k[x].layout[v.getAttribute("position")].elements[q][E.name]=E.value}if(k[x].layout[v.getAttribute("position")].elements[q].name===undefined){k[x].layout[v.getAttribute("position")].elements[q].name=o.tagName}}}}e=false;n()}}function n(){clearInterval(h);h=setInterval(function(){m()},100)}function b(t,s){var r=new Image();var o=t.getAttribute("name");var q=t.getAttribute("src");var v;if(q.indexOf("data:image/png;base64,")===0){v=q}else{var p=a.html5.utils.getAbsolutePath(i);var u=p.substr(0,p.lastIndexOf("/"));v=[u,s,q].join("/")}k[s].elements[o]={height:0,width:0,src:"",ready:false};r.onload=function(w){g(r,o,s)};r.onerror=function(w){k[s].elements[o].ready=true;n()};r.src=v}function m(){for(var o in k){if(o!="properties"){for(var p in k[o].elements){if(!k[o].elements[p].ready){return}}}}if(e===false){clearInterval(h);c(k)}}function g(o,q,p){k[p].elements[q].height=o.height;k[p].elements[q].width=o.width;k[p].elements[q].src=o.src;k[p].elements[q].ready=true;n()}j()}})(jwplayer);(function(a){var b={};a.html5.utils.animations=function(){};a.html5.utils.animations.transform=function(c,d){c.style.webkitTransform=d;c.style.MozTransform=d;c.style.OTransform=d};a.html5.utils.animations.transformOrigin=function(c,d){c.style.webkitTransformOrigin=d;c.style.MozTransformOrigin=d;c.style.OTransformOrigin=d};a.html5.utils.animations.rotate=function(c,d){a.html5.utils.animations.transform(c,["rotate(",d,"deg)"].join(""))};a.html5.utils.cancelAnimation=function(c){delete b[c]};a.html5.utils.fadeTo=function(l,f,e,i,h,d){if(b[l]!=d&&d!==undefined){return}var c=new Date().getTime();if(d>c){setTimeout(function(){a.html5.utils.fadeTo(l,f,e,i,0,d)},d-c)}l.style.display="block";if(i===undefined){i=l.style.opacity===""?1:l.style.opacity}if(l.style.opacity==f&&l.style.opacity!==""&&d!==undefined){if(f===0){l.style.display="none"}return}if(d===undefined){d=c;b[l]=d}if(h===undefined){h=0}var j=(c-d)/(e*1000);j=j>1?1:j;var k=f-i;var g=i+(j*k);if(g>1){g=1}else{if(g<0){g=0}}l.style.opacity=g;if(h>0){b[l]=d+h*1000;a.html5.utils.fadeTo(l,f,e,i,0,b[l]);return}setTimeout(function(){a.html5.utils.fadeTo(l,f,e,i,0,d)},10)}})(jwplayer);(function(c){var d=new RegExp(/^(#|0x)[0-9a-fA-F]{3,6}/);c.html5.utils.typechecker=function(g,f){f=f===null?b(g):f;return e(g,f)};function b(f){var g=["true","false","t","f"];if(g.indexOf(f.toLowerCase().replace(" ",""))>=0){return"boolean"}else{if(d.test(f)){return"color"}else{if(!isNaN(parseInt(f,10))&&parseInt(f,10).toString().length==f.length){return"integer"}else{if(!isNaN(parseFloat(f))&&parseFloat(f).toString().length==f.length){return"float"}}}}return"string"}function e(g,f){if(f===null){return g}switch(f){case"color":if(g.length>0){return a(g)}return null;case"integer":return parseInt(g,10);case"float":return parseFloat(g);case"boolean":if(g.toLowerCase()=="true"){return true}else{if(g=="1"){return true}}return false}return g}function a(f){switch(f.toLowerCase()){case"blue":return parseInt("0000FF",16);case"green":return parseInt("00FF00",16);case"red":return parseInt("FF0000",16);case"cyan":return parseInt("00FFFF",16);case"magenta":return parseInt("FF00FF",16);case"yellow":return parseInt("FFFF00",16);case"black":return parseInt("000000",16);case"white":return parseInt("FFFFFF",16);default:f=f.replace(/(#|0x)?([0-9A-F]{3,6})$/gi,"$2");if(f.length==3){f=f.charAt(0)+f.charAt(0)+f.charAt(1)+f.charAt(1)+f.charAt(2)+f.charAt(2)}return parseInt(f,16)}return parseInt("000000",16)}})(jwplayer);(function(a){a.html5.api=function(b,j){var i={};if(!a.utils.hasHTML5()){return i}var d=document.createElement("div");b.parentNode.replaceChild(d,b);d.id=b.id;var h=new a.html5.model(i,d,j);var e=new a.html5.view(i,d,h);var g=new a.html5.controller(i,d,h,e);i.version="5.3";i.id=d.id;i.skin=new a.html5.skin();i.jwPlay=g.play;i.jwPause=g.pause;i.jwStop=g.stop;i.jwSeek=g.seek;i.jwPlaylistItem=g.item;i.jwPlaylistNext=g.next;i.jwPlaylistPrev=g.prev;i.jwResize=g.resize;i.jwLoad=g.load;function f(k){return function(){return h[k]}}i.jwGetItem=f("item");i.jwGetPosition=f("position");i.jwGetDuration=f("duration");i.jwGetBuffer=f("buffer");i.jwGetWidth=f("width");i.jwGetHeight=f("height");i.jwGetFullscreen=f("fullscreen");i.jwSetFullscreen=g.setFullscreen;i.jwGetVolume=f("volume");i.jwSetVolume=g.setVolume;i.jwGetMute=f("mute");i.jwSetMute=g.setMute;i.jwGetState=f("state");i.jwGetVersion=function(){return i.version};i.jwGetPlaylist=function(){return h.playlist};i.jwAddEventListener=g.addEventListener;i.jwRemoveEventListener=g.removeEventListener;i.jwSendEvent=g.sendEvent;i.jwGetLevel=function(){};i.jwGetBandwidth=function(){};i.jwGetLockState=function(){};i.jwLock=function(){};i.jwUnlock=function(){};function c(m,l,k){return function(){m.loadPlaylist(m.config,false);m.setupPlugins();l.setup(m.getMedia().getDisplayElement());var n={id:i.id,version:i.version};k.sendEvent(a.api.events.JWPLAYER_READY,n);if(playerReady!==undefined){playerReady(n)}if(window[m.config.playerReady]!==undefined){window[m.config.playerReady](n)}m.sendEvent(a.api.events.JWPLAYER_PLAYLIST_LOADED);m.sendEvent(a.api.events.JWPLAYER_PLAYLIST_ITEM,{item:m.config.item});if(m.config.autostart===true&&!m.config.chromeless){k.play()}}}if(h.config.chromeless){c(h,e,g)}else{i.skin.load(h.config.skin,c(h,e,g))}return i}})(jwplayer); 

  • trunk/html5/src/html5/jwplayer.html5.api.js

    r1312 r1314  
    99        jwplayer.html5.api = function(container, options) { 
    1010                var _api = {}; 
    11                 if (jwplayer.utils.isIE()) { 
     11                if (!jwplayer.utils.hasHTML5()) { 
    1212                        return _api; 
    1313                } 

  • trunk/html5/test/examples/api.html

    r1306 r1314  
    11<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
     2<html> 
     3    <head> 
     4        <title>API</title> 
     5        <script type="text/javascript" src="../../../js/bin-debug/jwplayer.js"> 
     6        </script> 
     7        <script type="text/javascript" src="../../bin-debug/jwplayer.html5.js"> 
     8        </script> 
     9    </head> 
     10    <body> 
     11        <h1>API</h1> 
     12        <p> 
     13            This is the basic setup for a video that plays natively on FF, Chrome, Safari, and Opera but will fail in IE. 
     14        </p> 
     15        <div height="270" id="player" width="480"> 
     16        </div> 
     17        <div style="float:left"> 
     18            <p> 
     19                Controls 
     20            </p> 
     21            <select id="controls"> 
     22            </select> 
     23                        <input type="text" id="controlvalue"/> 
     24                        <a href="#" onclick="callPlayerFunction('controls', 'controlvalue');return false;">Call</a> 
     25        </div> 
     26        <div id="properties" style="float:left"> 
     27            <p> 
     28                Properties 
     29            </p> 
     30            <select id="properties"> 
     31            </select> 
     32                        <a href="#" onclick="callPlayerFunction('properties');return false;">Get Value</a> 
     33        </div> 
     34        <script type="text/javascript"> 
     35            var player = new jwplayer.html5(document.getElementById("player")); 
     36            player = player.setup({ 
     37                levels: [{ 
     38                        file: "../../../js/test/files/bunny.mp4" 
     39                }, { 
     40                        file: "../../../js/test/files/bunny.ogv" 
     41                }], 
     42                image: "../../../js/test/files/bunny.jpg" 
     43            }); 
     44                         
     45                        function callPlayerFunction(functionid, valueid){ 
     46                                if (document.getElementById(valueid) && document.getElementById(valueid).value !== "") { 
     47                                        player[document.getElementById(functionid).value](document.getElementById(valueid).value); 
     48                                } else { 
     49                                        player[document.getElementById(functionid).value](); 
     50                                } 
     51                        } 
     52             
     53            var controls = { 
     54                Play: "jwPlay", 
     55                Pause: "jwPause", 
     56                Stop: "jwStop", 
     57                Seek: "jwSeek", 
     58                Item: "jwPlaylistItem", 
     59                Next: "jwPlaylistNext", 
     60                Previous: "jwPlaylistPrev", 
     61                Resize: "jwResize", 
     62                Load: "jwLoad", 
     63                Volume: "jwSetVolume", 
     64                Mute: "jwSetMute", 
     65                Fullscreen: "jwSetFullscreen", 
     66                "Add Listener": "jwAddEventListener", 
     67                "Remove Listener": "jwRemoveEventListener", 
     68                "Send Event": "jwSendEvent" 
     69            }; 
     70             
     71            var properties = { 
     72                Version: "jwGetVersion", 
     73                State: "jwGetState", 
     74                Item: "jwGetItem", 
     75                Width: "jwGetWidth", 
     76                Height: "jwGetHeight", 
     77                Volume: "jwGetVolume", 
     78                Mute: "jwGetMute", 
     79                Position: "jwGetPosition", 
     80                Duration: "jwGetDuration", 
     81                Buffer: "jwGetBuffer", 
     82                Fullscreen: "jwGetFullscreen", 
     83                Playlist: "jwGetPlaylist" 
     84            }; 
     85                         
     86                        for (var control in controls){ 
     87                                var listItem = document.createElement("select"); 
     88                                listItem.value = controls[control]; 
     89                                listItem.name = control; 
     90                                document.getElementById('controls').appendChild(listItem); 
     91                        } 
     92                         
     93                        for (var property in properties){ 
     94                                var listItem = document.createElement("option"); 
     95                                listItem.value = properties[property]; 
     96                                listItem.name = property; 
     97                                document.getElementById('properties').appendChild(listItem); 
     98                        } 
     99        </script> 
     100        <h3>HTML code</h3> 
     101    </body> 
     102</html> 

  • trunk/html5/test/examples/controlbar.html

    r1306 r1314  
    11<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
     2<html> 
     3    <head> 
     4        <title>Controlbar</title> 
     5        <script type="text/javascript" src="../../../js/bin-debug/jwplayer.js"> 
     6        </script> 
     7        <script type="text/javascript" src="../../bin-debug/jwplayer.html5.js"> 
     8        </script> 
     9    </head> 
     10    <body> 
     11        <h1>Controlbar</h1> 
     12        <p> 
     13            This shows all of the rendering options for the controlbar. 
     14        </p> 
     15        <p> 
     16            It contains three players with multiple sources, so it should play back in IE9, FF, Chrome, Safari, and Opera. IE < 9 will simply display "HTML5 Player should replace this". 
     17        </p> 
     18        <div height="270" id="player3" width="480"> 
     19            HTML5 Player should replace this 
     20        </div> 
     21        <div height="270" id="player2" width="480"> 
     22            HTML5 Player should replace this 
     23        </div> 
     24        <div height="270" id="player3" width="480"> 
     25            HTML5 Player should replace this 
     26        </div> 
     27        <script type="text/javascript"> 
     28            var player1 = new jwplayer.html5(document.getElementById("player1")); 
     29            player1.setup({ 
     30                levels: [{ 
     31                        file: "../../../js/test/files/bunny.mp4" 
     32                }, { 
     33                        file: "../../../js/test/files/bunny.ogv" 
     34                }], 
     35                image: "../../../js/test/files/bunny.jpg", 
     36                "controlbar.position": "top" 
     37            }); 
     38            var player2 = new jwplayer.html5(document.getElementById("player2")); 
     39            player2.setup({ 
     40                levels: [{ 
     41                        file: "../../../js/test/files/bunny.mp4" 
     42                }, { 
     43                        file: "../../../js/test/files/bunny.ogv" 
     44                }], 
     45                image: "../../../js/test/files/bunny.jpg", 
     46                "controlbar.position": "over" 
     47            }); 
     48            var player3 = new jwplayer.html5(document.getElementById("player3")); 
     49            player3.setup({ 
     50                levels: [{ 
     51                        file: "../../../js/test/files/bunny.mp4" 
     52                }, { 
     53                        file: "../../../js/test/files/bunny.ogv" 
     54                }], 
     55                image: "../../../js/test/files/bunny.jpg", 
     56                "controlbar.position": "bottom" 
     57            }); 
     58        </script> 
     59        <h3>HTML code</h3> 
     60    </body> 
     61</html> 

  • trunk/html5/test/examples/custom_skin.html

    r1306 r1314  
    33    <head> 
    44        <title>Custom skin</title> 
     5        <script type="text/javascript" src="../../../js/bin-debug/jwplayer.js"> 
     6        </script> 
     7        <script type="text/javascript" src="../../bin-debug/jwplayer.html5.js"> 
     8        </script> 
    59    </head> 
    610    <body> 
    711        <h1>Custom Player Skin</h1> 
    812        <p> 
    9             A setup with MP4 video and custom player skin. Any JW Player PNG skin is supported! 
    10         </p> 
    11         <script type="text/javascript" src="../../../js/bin-debug/jwplayer.js"> 
    12         </script> 
    13         <script type="text/javascript" src="../../bin-debug/jwplayer.html5.js"> 
    14         </script> 
     13            This sets up a player for each open source skin. The player will be setup with multiple sources, so it should play in IE9, FF, Chrome, Safari, and Opera. IE < 9 will simply display "HTML5 Player should replace this". 
     14        </p> 
     15        <p> 
     16            Beelden 
     17        </p> 
    1518        <div height="270" id="beelden" width="480"> 
     19            HTML5 Player should replace this 
    1620        </div> 
    1721        <script type="text/javascript"> 
    1822            var beelden = new jwplayer.html5(document.getElementById("beelden")); 
    1923            beelden.setup({ 
    20                 file: "../../../js/test/files/bunny.mp4", 
     24                levels: [{ 
     25                        file: "../../../js/test/files/bunny.mp4" 
     26                }, { 
     27                        file: "../../../js/test/files/bunny.ogv" 
     28                }], 
    2129                image: "../../../js/test/files/bunny.jpg", 
    2230                skin: "../../../../skins/beelden/beelden.xml" 
    2331            }); 
    2432        </script> 
     33        <p> 
     34            Bekle 
     35        </p> 
    2536        <div height="270" id="bekle" width="480"> 
     37            HTML5 Player should replace this 
    2638        </div> 
    2739        <script type="text/javascript"> 
    2840            var bekle = new jwplayer.html5(document.getElementById("bekle")); 
    2941            bekle.setup({ 
    30                 file: "../../../js/test/files/bunny.mp4", 
     42                levels: [{ 
     43                        file: "../../../js/test/files/bunny.mp4" 
     44                }, { 
     45                        file: "../../../js/test/files/bunny.ogv" 
     46                }], 
    3147                image: "../../../js/test/files/bunny.jpg", 
    3248                skin: "../../../../skins/bekle/bekle.xml" 
    3349            }); 
    3450        </script> 
     51        <p> 
     52            Classic 
     53        </p> 
    3554        <div height="270" id="classic" width="480"> 
     55            HTML5 Player should replace this 
    3656        </div> 
    3757        <script type="text/javascript"> 
    3858            var classic = new jwplayer.html5(document.getElementById("classic")); 
    3959            classic.setup({ 
    40                 file: "../../../js/test/files/bunny.mp4", 
     60                levels: [{ 
     61                        file: "../../../js/test/files/bunny.mp4" 
     62                }, { 
     63                        file: "../../../js/test/files/bunny.ogv" 
     64                }], 
    4165                image: "../../../js/test/files/bunny.jpg", 
    4266                skin: "../../../../skins/classic/classic.xml" 
    4367            }); 
    4468        </script> 
     69        <p> 
     70            Five 
     71        </p> 
    4572        <div height="270" id="five" width="480"> 
     73            HTML5 Player should replace this 
    4674        </div> 
    4775        <script type="text/javascript"> 
    4876            var five = new jwplayer.html5(document.getElementById("five")); 
    4977            five.setup({ 
    50                 file: "../../../js/test/files/bunny.mp4", 
     78                levels: [{ 
     79                        file: "../../../js/test/files/bunny.mp4" 
     80                }, { 
     81                        file: "../../../js/test/files/bunny.ogv" 
     82                }], 
    5183                image: "../../../js/test/files/bunny.jpg", 
    5284                skin: "../../../../skins/five/five.xml" 
    5385            }); 
    5486        </script> 
     87        <p> 
     88            Glow 
     89        </p> 
    5590        <div height="270" id="glow" width="480"> 
     91            HTML5 Player should replace this 
    5692        </div> 
    5793        <script type="text/javascript"> 
    5894            var glow = new jwplayer.html5(document.getElementById("glow")); 
    5995            glow.setup({ 
    60                 file: "../../../js/test/files/bunny.mp4", 
     96                levels: [{ 
     97                        file: "../../../js/test/files/bunny.mp4" 
     98                }, { 
     99                        file: "../../../js/test/files/bunny.ogv" 
     100                }], 
    61101                image: "../../../js/test/files/bunny.jpg", 
    62102                skin: "../../../../skins/glow/glow.xml" 
    63103            }); 
    64104        </script> 
     105        <p> 
     106            Grungetape 
     107        </p> 
    65108        <div height="270" id="grungetape" width="480"> 
     109            HTML5 Player should replace this 
    66110        </div> 
    67111        <script type="text/javascript"> 
    68112            var grungetape = new jwplayer.html5(document.getElementById("grungetape")); 
    69113            grungetape.setup({ 
    70                 file: "../../../js/test/files/bunny.mp4", 
     114                levels: [{ 
     115                        file: "../../../js/test/files/bunny.mp4" 
     116                }, { 
     117                        file: "../../../js/test/files/bunny.ogv" 
     118                }], 
    71119                image: "../../../js/test/files/bunny.jpg", 
    72120                skin: "../../../../skins/grungetape/grungetape.xml" 
    73121            }); 
    74122        </script> 
     123        <p> 
     124            Icecreamsneaka 
     125        </p> 
    75126        <div height="270" id="icecreamsneaka" width="480"> 
     127            HTML5 Player should replace this 
    76128        </div> 
    77129        <script type="text/javascript"> 
    78130            var icecreamsneaka = new jwplayer.html5(document.getElementById("icecreamsneaka")); 
    79131            icecreamsneaka.setup({ 
    80                 file: "../../../js/test/files/bunny.mp4", 
     132                levels: [{ 
     133                        file: "../../../js/test/files/bunny.mp4" 
     134                }, { 
     135                        file: "../../../js/test/files/bunny.ogv" 
     136                }], 
    81137                image: "../../../js/test/files/bunny.jpg", 
    82138                skin: "../../../../skins/icecreamsneaka/icecreamsneaka.xml" 
    83139            }); 
    84140        </script> 
     141        <p> 
     142            Kleur 
     143        </p> 
    85144        <div height="270" id="kleur" width="480"> 
     145            HTML5 Player should replace this 
    86146        </div> 
    87147        <script type="text/javascript"> 
    88148            var kleur = new jwplayer.html5(document.getElementById("kleur")); 
    89149            kleur.setup({ 
    90                 file: "../../../js/test/files/bunny.mp4", 
     150                levels: [{ 
     151                        file: "../../../js/test/files/bunny.mp4" 
     152                }, { 
     153                        file: "../../../js/test/files/bunny.ogv" 
     154                }], 
    91155                image: "../../../js/test/files/bunny.jpg", 
    92156                skin: "../../../../skins/kleur/kleur.xml" 
    93157            }); 
    94158        </script> 
     159        <p> 
     160            Lulu 
     161        </p> 
    95162        <div height="270" id="lulu" width="480"> 
     163            HTML5 Player should replace this 
    96164        </div> 
    97165        <script type="text/javascript"> 
    98166            var lulu = new jwplayer.html5(document.getElementById("lulu")); 
    99167            lulu.setup({ 
    100                 file: "../../../js/test/files/bunny.mp4", 
     168                levels: [{ 
     169                        file: "../../../js/test/files/bunny.mp4" 
     170                }, { 
     171                        file: "../../../js/test/files/bunny.ogv" 
     172                }], 
    101173                image: "../../../js/test/files/bunny.jpg", 
    102174                skin: "../../../../skins/lulu/lulu.xml" 
    103175            }); 
    104176        </script> 
     177        <p> 
     178            Modieus 
     179        </p> 
    105180        <div height="270" id="modieus" width="480"> 
     181            HTML5 Player should replace this 
    106182        </div> 
    107183        <script type="text/javascript"> 
    108184            var modieus = new jwplayer.html5(document.getElementById("modieus")); 
    109185            modieus.setup({ 
    110                 file: "../../../js/test/files/bunny.mp4", 
     186                levels: [{ 
     187                        file: "../../../js/test/files/bunny.mp4" 
     188                }, { 
     189                        file: "../../../js/test/files/bunny.ogv" 
     190                }], 
    111191                image: "../../../js/test/files/bunny.jpg", 
    112192                skin: "../../../../skins/modieus/modieus.xml" 
    113193            }); 
    114194        </script> 
     195        <p> 
     196            Nacht 
     197        </p> 
    115198        <div height="270" id="nacht" width="480"> 
     199            HTML5 Player should replace this 
    116200        </div> 
    117201        <script type="text/javascript"> 
    118202            var nacht = new jwplayer.html5(document.getElementById("nacht")); 
    119203            nacht.setup({ 
    120                 file: "../../../js/test/files/bunny.mp4", 
     204                levels: [{ 
     205                        file: "../../../js/test/files/bunny.mp4" 
     206                }, { 
     207                        file: "../../../js/test/files/bunny.ogv" 
     208                }], 
    121209                image: "../../../js/test/files/bunny.jpg", 
    122210                skin: "../../../../skins/nacht/nacht.xml" 
    123211            }); 
    124212        </script> 
     213        <p> 
     214            PSlaycasso 
     215        </p> 
    125216        <div height="270" id="playcasso" width="480"> 
     217            HTML5 Player should replace this 
    126218        </div> 
    127219        <script type="text/javascript"> 
    128220            var playcasso = new jwplayer.html5(document.getElementById("playcasso")); 
    129221            playcasso.setup({ 
    130                 file: "../../../js/test/files/bunny.mp4", 
     222                levels: [{ 
     223                        file: "../../../js/test/files/bunny.mp4" 
     224                }, { 
     225                        file: "../../../js/test/files/bunny.ogv" 
     226                }], 
    131227                image: "../../../js/test/files/bunny.jpg", 
    132228                skin: "../../../../skins/playcasso/playcasso.xml" 
    133229            }); 
    134230        </script> 
     231        <p> 
     232            Schoon 
     233        </p> 
    135234        <div height="270" id="schoon" width="480"> 
     235            HTML5 Player should replace this 
    136236        </div> 
    137237        <script type="text/javascript"> 
    138238            var schoon = new jwplayer.html5(document.getElementById("schoon")); 
    139239            schoon.setup({ 
    140                 file: "../../../js/test/files/bunny.mp4", 
     240                levels: [{ 
     241                        file: "../../../js/test/files/bunny.mp4" 
     242                }, { 
     243                        file: "../../../js/test/files/bunny.ogv" 
     244                }], 
    141245                image: "../../../js/test/files/bunny.jpg", 
    142246                skin: "../../../../skins/schoon/schoon.xml" 
    143247            }); 
    144248        </script> 
     249        <p> 
     250            Snel 
     251        </p> 
    145252        <div height="270" id="snel" width="480"> 
     253            HTML5 Player should replace this 
    146254        </div> 
    147255        <script type="text/javascript"> 
    148256            var snel = new jwplayer.html5(document.getElementById("snel")); 
    149257            snel.setup({ 
    150                 file: "../../../js/test/files/bunny.mp4", 
     258                levels: [{ 
     259                        file: "../../../js/test/files/bunny.mp4" 
     260                }, { 
     261                        file: "../../../js/test/files/bunny.ogv" 
     262                }], 
    151263                image: "../../../js/test/files/bunny.jpg", 
    152264                skin: "../../../../skins/snel/snel.xml" 
    153265            }); 
    154266        </script> 
     267        <p> 
     268            Stijl 
     269        </p> 
    155270        <div height="270" id="stijl" width="480"> 
     271            HTML5 Player should replace this 
    156272        </div> 
    157273        <script type="text/javascript"> 
    158274            var stijl = new jwplayer.html5(document.getElementById("stijl")); 
    159275            stijl.setup({ 
    160                 file: "../../../js/test/files/bunny.mp4", 
     276                levels: [{ 
     277                        file: "../../../js/test/files/bunny.mp4" 
     278                }, { 
     279                        file: "../../../js/test/files/bunny.ogv" 
     280                }], 
    161281                image: "../../../js/test/files/bunny.jpg", 
    162282                skin: "../../../../skins/stijl/stijl.xml" 
    163283            }); 
    164284        </script> 
     285        <p> 
     286            Stormtrooper 
     287        </p> 
    165288        <div height="270" id="stormtrooper" width="480"> 
     289            HTML5 Player should replace this 
    166290        </div> 
    167291        <script type="text/javascript"> 
    168292            var stormtrooper = new jwplayer.html5(document.getElementById("stormtrooper")); 
    169293            stormtrooper.setup({ 
    170                 file: "../../../js/test/files/bunny.mp4", 
     294                levels: [{ 
     295                        file: "../../../js/test/files/bunny.mp4" 
     296                }, { 
     297                        file: "../../../js/test/files/bunny.ogv" 
     298                }], 
    171299                image: "../../../js/test/files/bunny.jpg", 
    172300                skin: "../../../../skins/stormtrooper/stormtrooper.xml" 
    … …  
    174302        </script> 
    175303        <h3>HTML code</h3> 
    176         <p> 
    177             Here is the code for this setup. Make sure to change all links to the scripts, player, skin, image and video. They must refer to the correct files on your server. 
    178         </p> 
    179         <p> 
    180             First, place this code in the <em>&lt;head&gt;</em> 
    181             of your page: 
    182         </p> 
    183         <pre>&lt;script type="text/javascript" src="/scripts/jquery.js"&gt;&lt;/script&gt; 
    184 &lt;script type="text/javascript" src="/scripts/jquery.jwplayer.js"&gt;&lt;/script&gt;</pre> 
    185         <p> 
    186             Second, place this code where you want the video to appear: 
    187         </p> 
    188         <pre>&lt;video height="270" id="player" poster="/files/bunny.mp4" 
    189   src="/files/bunny.mp4" width="480"&gt; 
    190  
    191 &lt;script type="text/javascript"&gt; 
    192   $('#player').jwplayer({ 
    193     flashplayer:'/files/player.swf', 
    194     skin:'/files/stormtrooper.xml' 
    195 }); 
    196 &lt;/script&gt;</pre> 
    197304    </body> 
    198305</html> 

  • trunk/html5/test/examples/index.html

    r1306 r1314  
    1010                        var list = document.getElementById("examples"); 
    1111                        var examples = { 
     12                                "Page with no document type": "nodoctype.html", 
     13                                "Object and embed tags": "objectembed.html", 
    1214                                "Video tag embed": "videotag.html", 
    13                                 "Object and embed tags": "objectembed.html", 
    1415                                "Single MP4": "single_mp4.html", 
    1516                                "Single OGV": "single_ogg.html", 
    … …  
    2021                                "Multiple players with custom skins": "multiple_customs.html", 
    2122                                "Playlists": "playlist.html", 
    22                                 "Controlbar": "controlbar.html", 
    23                                 "Logo": "logo.html", 
    24                                 "API": "api.html", 
    25                                 "Event listeners": "listeners.html" 
     23                                "Controlbar": "controlbar.html" 
     24                                //"Logo": "logo.html", 
     25                                //"API": "api.html", 
     26                                //"Event listeners": "listeners.html" 
    2627                        }; 
    2728                        for (var example in examples){ 

  • trunk/html5/test/examples/listeners.html

    r1306 r1314  
    11<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
     2<html> 
     3    <head> 
     4        <title>Listeners</title> 
     5        <script type="text/javascript" src="../../../js/bin-debug/jwplayer.js"> 
     6        </script> 
     7        <script type="text/javascript" src="../../bin-debug/jwplayer.html5.js"> 
     8        </script> 
     9    </head> 
     10    <body> 
     11        <h1>Listeners</h1> 
     12        <p> 
     13            This tests adding listeners to the player and responding to events. Video should play on FF, Chrome, Safari, and Opera but will fail in IE. 
     14        </p> 
     15        <div height="270" id="player" width="480"> 
     16        </div> 
     17        <h2>Events</h2> 
     18        <p> 
     19            <table id="events"> 
     20                <tr> 
     21                    <td> 
     22                        Event 
     23                    </td> 
     24                    <td> 
     25                        Value 
     26                    </td> 
     27                </tr> 
     28            </table> 
     29        </p> 
     30        <script type="text/javascript"> 
     31            var player = new jwplayer.html5(document.getElementById("player")); 
     32            player.setup({ 
     33                levels: [{ 
     34                        file: "../../../js/test/files/bunny.mp4" 
     35                }, { 
     36                        file: "../../../js/test/files/bunny.ogv" 
     37                }], 
     38                image: "../../../js/test/files/bunny.jpg" 
     39            }); 
     40                         
     41                        function forward(evt){ 
     42                                document.getElementById(evt.type).innerHTML = evt.data; 
     43                        } 
     44                         
     45            var events = { 
     46                JWPLAYER_READY: 'jwplayerReady', 
     47                JWPLAYER_FULLSCREEN: 'jwplayerFullscreen', 
     48                JWPLAYER_RESIZE: 'jwplayerResize', 
     49                JWPLAYER_ERROR: 'jwplayerError', 
     50                JWPLAYER_MEDIA_BUFFER: 'jwplayerMediaBuffer', 
     51                JWPLAYER_MEDIA_BUFFER_FULL: 'jwplayerMediaBufferFull', 
     52                JWPLAYER_MEDIA_ERROR: 'jwplayerMediaError', 
     53                JWPLAYER_MEDIA_LOADED: 'jwplayerMediaLoaded', 
     54                JWPLAYER_MEDIA_COMPLETE: 'jwplayerMediaComplete', 
     55                JWPLAYER_MEDIA_TIME: 'jwplayerMediaTime', 
     56                JWPLAYER_MEDIA_VOLUME: 'jwplayerMediaVolume', 
     57                JWPLAYER_MEDIA_META: 'jwplayerMediaMeta', 
     58                JWPLAYER_MEDIA_MUTE: 'jwplayerMediaMute', 
     59                JWPLAYER_PLAYER_STATE: 'jwplayerPlayerState', 
     60                JWPLAYER_PLAYLIST_LOADED: 'jwplayerPlaylistLoaded', 
     61                JWPLAYER_PLAYLIST_ITEM: 'jwplayerPlaylistItem' 
     62            }; 
     63             
     64            var table = document.getElementById("events"); 
     65             
     66            for (var event in events) { 
     67                var row = document.createElement("tr"); 
     68                var eventNameColumn = document.createElement("td"); 
     69                                eventNameColumn.innerHTML = events[event];  
     70                                var eventValueColumn = document.createElement("td"); 
     71                                eventValueColumn.id = events[event]; 
     72                                row.appendChild(eventNameColumn); 
     73                                row.appendChild(eventValueColumn); 
     74                                player.addEventListener(events[event], forward); 
     75            } 
     76        </script> 
     77        <h3>HTML code</h3> 
     78    </body> 
     79</html> 

  • trunk/html5/test/examples/logo.html

    r1306 r1314  
    11<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
     2<html> 
     3    <head> 
     4        <title>Logo</title> 
     5        <script type="text/javascript" src="../../../js/bin-debug/jwplayer.js"> 
     6        </script> 
     7        <script type="text/javascript" src="../../bin-debug/jwplayer.html5.js"> 
     8        </script> 
     9    </head> 
     10    <body> 
     11        <h1>Logo</h1> 
     12        <p> 
     13            This test the various configuration options for the logo. Video should play natively on FF, Chrome, Safari, and Opera but will fail in IE. 
     14        </p> 
     15        <div height="270" id="player" width="480"> 
     16        </div> 
     17        <script type="text/javascript"> 
     18            var player = new jwplayer.html5(document.getElementById("player")); 
     19            player.setup({ 
     20                levels: [{ 
     21                        file: "../../../js/test/files/bunny.mp4" 
     22                }, { 
     23                        file: "../../../js/test/files/bunny.ogv" 
     24                }], 
     25                image: "../../../js/test/files/bunny.jpg", 
     26                logo: { 
     27                        prefix: "http://content.longtailvideo.com/images/", 
     28                        file: "logo_header.png", 
     29                        link: "http://www.longtailvideo.com/", 
     30                        margin: 20, 
     31                        out: 0.25, 
     32                        over: 0.5, 
     33                        timeout: 3, 
     34                        hide: "false", 
     35                        position: "top-right", 
     36                        width: 93, 
     37                        height: 30 
     38                } 
     39            }); 
     40        </script> 
     41        <h3>HTML code</h3> 
     42    </body> 
     43</html> 

  • trunk/html5/test/examples/mp4_ogg.html

    r1306 r1314  
    33    <head> 
    44        <title>Multiple sources</title> 
    5     </head> 
    6     <body> 
    7         <h1>MP4 plus OGG video</h1> 
    8         <p> 
    9             This is the basic setup for a video that plays natively on most browsers. Only IE will fallback to Flash. 
    10         </p> 
    11         <div height="270" id="player" width="480"> 
    12         </div> 
    13         <!-- 
    14         <video height="270" id="player" poster="/jw/upload/bunny.jpg" width="480"> 
    15         <source src="/jw/upload/bunny.mp4" type="video/mp4" /><source src="/jw/upload/bunny.ogv" type="video/ogg" /> 
    16         </video> 
    17         --> 
    185        <script type="text/javascript" src="../../../js/bin-debug/jwplayer.js"> 
    196        </script> 
    207        <script type="text/javascript" src="../../bin-debug/jwplayer.html5.js"> 
    218        </script> 
     9    </head> 
     10    <body> 
     11        <h1>MP4 plus OGG video</h1> 
     12                 <p> 
     13           This page contains a player with multiple sources, so it should play back in IE9, FF, Chrome, Safari, and Opera. IE < 9 will simply display "HTML5 Player should replace this". 
     14        </p> 
     15        <div height="270" id="player" width="480"> 
     16                 HTML5 Player should replace this. 
     17        </div> 
    2218        <script type="text/javascript"> 
    2319            var player = new jwplayer.html5(document.getElementById("player")); 
    … …  
    3228        </script> 
    3329        <h3>HTML code</h3> 
    34         <p> 
    35             Here is the code for this setup. Make sure to change all links to the scripts, player, image and video. They must refer to the correct files on your server. 
    36         </p> 
    37         <p> 
    38             First, place this code in the <em>&lt;head&gt;</em> 
    39             of your page: 
    40         </p> 
    41         <pre>&lt;script type="text/javascript" src="/scripts/jquery.js"&gt;&lt;/script&gt; 
    42 &lt;script type="text/javascript" src="/scripts/jquery.jwplayer.js"&gt;&lt;/script&gt;</pre> 
    43         <p> 
    44             Second, place this code where you want the video to appear: 
    45         </p> 
    46         <pre>&lt;video height="270" id="player" poster="/files/bunny.jpg" width="480"&gt; 
    47   &lt;source src="/files/bunny.mp4" type="video/mp4"&gt; 
    48   &lt;source src="/files/bunny.ogv" type="video/ogg"&gt; 
    49 &lt;/video&gt; 
    50  
    51 &lt;script type="text/javascript"&gt; 
    52   $('#player').jwplayer({ 
    53     flashplayer:'/files/player.swf', 
    54     skin:'/files/skins/five/five.xml' 
    55   }); 
    56 &lt;/script&gt;</pre> 
    5730    </body> 
    5831</html> 

  • trunk/html5/test/examples/multiple_customs.html

    r1306 r1314  
    33    <head> 
    44        <title>Multiple custom players</title> 
    5     </head> 
    6     <body> 
    7         <h1>Multiple custom players.</h1> 
    8         <p> 
    9             Multiple players on one page. Different videos and different options. 
    10         </p> 
    11         <h3>Player 1:</h3> 
    125        <script type="text/javascript" src="../../../js/bin-debug/jwplayer.js"> 
    136        </script> 
    147        <script type="text/javascript" src="../../bin-debug/jwplayer.html5.js"> 
    158        </script> 
     9    </head> 
     10    <body> 
     11        <h1>Multiple custom players</h1> 
     12        <p> 
     13            This page tests various configuration options. 
     14        </p> 
     15        <p> 
     16           It contains two players with multiple sources, so it should play back in IE9, FF, Chrome, Safari, and Opera. IE < 9 will simply display "HTML5 Player should replace this". 
     17        </p> 
     18        <h3>Player 1</h3> 
     19                <p> 
     20                        Autostart, mute, repeats (single) playlist item, debug enabled. 
     21                </p> 
    1622        <div height="270" id="player1" width="480"> 
     23                HTML5 Player should replace this 
    1724        </div> 
    1825        <script type="text/javascript"> 
    … …  
    2128                autostart: true, 
    2229                mute: true, 
    23                 file: "../../../js/test/files/bunny.mp4", 
    24                 image: "../../../js/test/files/bunny.jpg" 
     30                repeat: "single", 
     31                levels: [{ 
     32                        file: "../../../js/test/files/bunny.mp4" 
     33                }, { 
     34                        file: "../../../js/test/files/bunny.ogv" 
     35                }], 
     36                image: "../../../js/test/files/bunny.jpg", 
     37                debug: "console" 
    2538             
    2639            }); 
    2740        </script> 
    28         <h3>Player 2:</h3> 
     41        <h3>Player 2</h3> 
     42                <p> 
     43                        Different dimensions, screencolor, duration, volume, skin (Stromtrooper) 
     44                </p> 
    2945        <div height="270" id="player2" width="480"> 
     46                HTML5 Player should replace this 
    3047        </div> 
    3148        <script type="text/javascript"> 
    3249            var player2 = new jwplayer.html5(document.getElementById("player2")); 
    3350            player2.setup({ 
     51                height: 260, 
     52                width: 500, 
    3453                screencolor: "00bee0", 
    3554                duration: 45, 
    3655                volume: 50, 
    37                 file: "../../../js/test/files/oorlogswinter.mp4", 
    38                 image: "../../../js/test/files/oorlogswinter.png", 
     56                levels: [{ 
     57                        file: "../../../js/test/files/bunny.mp4" 
     58                }, { 
     59                        file: "../../../js/test/files/bunny.ogv" 
     60                }], 
     61                image: "../../../js/test/files/bunny.jpg", 
    3962                skin: "../../../../skins/stormtrooper/stormtrooper.xml" 
    4063            }); 
    4164        </script> 
    4265        <h3>HTML code</h3> 
    43         <p> 
    44             Multiple players on one page. Different videos and <a href="/support/jw-player/html5-player/11289/configuration-options-of-the-jw-player-for-html5">different options</a>. The first player is set to autostart muted. The second player has pre-set duration, but no flashplayer fallback. Both have a custom skin. 
    45         </p> 
    46         <p> 
    47             First, place this code in the <em>&lt;head&gt;</em> 
    48             of your page: 
    49         </p> 
    50         <pre>&lt;script type="text/javascript" src="/scripts/jquery.js"&gt;&lt;/script&gt; 
    51 &lt;script type="text/javascript" src="/scripts/jquery.jwplayer.js"&gt;&lt;/script&gt;</pre> 
    52         <p> 
    53             Second, place this code where you want the first video to appear: 
    54         </p> 
    55         <pre>&lt;video height="270" id="player1" src="/files/bunny.mp4" width="480"&gt; 
    56 &lt;script type="text/javascript"&gt; 
    57   $('#player1').jwplayer({ 
    58     autostart:true, 
    59     flashplayer:'/files/player.swf', 
    60     mute:true, 
    61     skin:'/files/five.xml' 
    62 }); 
    63 &lt;/script&gt;</pre> 
    64         <p> 
    65             Third, place this code where you want the second video to appear: 
    66         </p> 
    67         <pre>&lt;video height="270" id="player2" src="/files/corrie.mp4" width="480"&gt; 
    68  
    69 &lt;script type="text/javascript"&gt; 
    70   $('#player2').jwplayer({ 
    71     duration:45, 
    72     screencolor:'00bee0', 
    73     skin:'/files/stormtrooper.xml' 
    74 }); 
    75 &lt;/script&gt;</pre> 
    76         <p> 
    77             Note that the <i>jwplayer()</i> 
    78             function is called twice. This allows us to set different options for the two players. 
    79         </p> 
    8066    </body> 
    8167</html> 

  • trunk/html5/test/examples/multiple_players.html

    r1306 r1314  
    33    <head> 
    44        <title>Multiple Video Example</title> 
     5                <script type="text/javascript" src="../../../js/bin-debug/jwplayer.js"> 
     6        </script> 
     7        <script type="text/javascript" src="../../bin-debug/jwplayer.html5.js"> 
     8        </script> 
    59    </head> 
    610    <body> 
    711        <h1>Multiple players</h1> 
    8         <p> 
    9             Multiple players on one page. Different videos, but the same player options. 
     12                <p> 
     13           This contains two players with multiple sources, so it should play back in IE9, FF, Chrome, Safari, and Opera. IE < 9 will simply display "HTML5 Player should replace this". 
    1014        </p> 
    11         <h3>Player 1:</h3> 
     15                <p> 
     16                        For now, same videos with same options, but this will change. 
     17                </p> 
     18        <h3>Player 1</h3> 
    1219        <div height="270" id="player1" width="480"> 
     20                HTML5 Player should replace this 
    1321        </div> 
    14         <h3>Player 2:</h3> 
     22        <h3>Player 2</h3> 
    1523        <div height="270" id="player2" width="480"> 
     24                HTML5 Player should replace this 
    1625        </div> 
    17         <script type="text/javascript" src="../../../js/bin-debug/jwplayer.js"> 
    18         </script> 
    19         <script type="text/javascript" src="../../bin-debug/jwplayer.html5.js"> 
    20         </script> 
    2126        <script type="text/javascript"> 
    2227            var player1 = new jwplayer.html5(document.getElementById("player1")); 
    2328            player1.setup({ 
    24                 file: "../../../js/test/files/bunny.mp4", 
     29                levels: [{ 
     30                        file: "../../../js/test/files/bunny.mp4" 
     31                }, { 
     32                        file: "../../../js/test/files/bunny.ogv" 
     33                }], 
    2534                image: "../../../js/test/files/bunny.jpg" 
    2635             
    … …  
    2837            var player2 = new jwplayer.html5(document.getElementById("player2")); 
    2938            player2.setup({ 
    30                 file: "../../../js/test/files/oorlogswinter.mp4", 
     39                levels: [{ 
     40                        file: "../../../js/test/files/bunny.mp4" 
     41                }, { 
     42                        file: "../../../js/test/files/bunny.ogv" 
     43                }], 
    3144                image: "../../../js/test/files/oorlogswinter.png" 
    3245             
    … …  
    3447        </script> 
    3548        <h3>HTML code</h3> 
    36         <p> 
    37             Here is the code for this setup. Make sure to change all links to the scripts, player, image and video. They must refer to the correct files on your server. 
    38         </p> 
    39         <p> 
    40             First, place this code in the <em>&lt;head&gt;</em> 
    41             of your page: 
    42         </p> 
    43         <pre>&lt;script type="text/javascript" src="/scripts/jquery.js"&gt;&lt;/script&gt; 
    44 &lt;script type="text/javascript" src="/scripts/jquery.jwplayer.js"&gt;&lt;/script&gt;</pre> 
    45         <p> 
    46             Second, place this code where you want the videos to appear: 
    47         </p> 
    48         <pre>&lt;video height="270" id="player1" src="/files/bunny.mp4" width="480" &gt; 
    49  
    50 &lt;video height="270" id="player2" src="/files/corrie.mp4" width="480" &gt; 
    51  
    52 &lt;script type="text/javascript"&gt; 
    53   $('video').jwplayer({ 
    54     flashplayer:'/files/player.swf', 
    55     skin:'/files/five.xml' 
    56 }); 
    57 &lt;/script&gt;</pre> 
    58         <p> 
    59             Note that the <i>$('video')</i> 
    60             part of the script ensures all video tags will be <i>upgraded</i> 
    61             to a JW Player. It doesn't matter how many players you have on your page. 
    62         </p> 
    6349    </body> 
    6450</html> 

  • trunk/html5/test/examples/objectembed.html

    r1306 r1314  
    11<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
     2<html> 
     3    <head> 
     4        <title>Object and Embed Tags</title> 
     5        <script type="text/javascript" src="../../../js/bin-debug/jwplayer.js"> 
     6        </script> 
     7        <script type="text/javascript" src="../../bin-debug/jwplayer.html5.js"> 
     8        </script> 
     9    </head> 
     10    <body> 
     11        <h1>Object and Embed Tags</h1> 
     12        <p> 
     13            In IE9, FF, Chrome, Safari, and Opera this will briefly display a Flash player (via an object or embed tag), but that should quickly disappear in favor of the HTML5 player. IE < 9 but will fail in IE. 
     14        </p> 
     15        <p> 
     16            Object tag 
     17        </p> 
     18        <object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' width='470' height='320' id='player1' name='player1'> 
     19            <param name='movie' value='../../../fl5/player.swf'><param name='allowfullscreen' value='true'><param name='allowscriptaccess' value='always'><param name='wmode' value='transparent'><param name='flashvars' value='file=http://content.longtailvideo.com/videos/flvplayer.flv'> 
     20        </object> 
     21        <script type="text/javascript"> 
     22            var player1 = new jwplayer.html5(document.getElementById("player1")); 
     23            player1.setup({ 
     24                levels: [{ 
     25                        file: "../../../js/test/files/bunny.mp4" 
     26                }, { 
     27                        file: "../../../js/test/files/bunny.ogv" 
     28                }], 
     29                image: "../../../js/test/files/bunny.jpg" 
     30            }); 
     31        </script> 
     32        <p> 
     33            Embed tag 
     34        </p> 
     35        <embed id='player2' name='player2' src='../../../fl5/player.swf' width='470' height='320' bgcolor='#000000' allowscriptaccess='always' allowfullscreen='true' flashvars='file=http://content.longtailvideo.com/videos/flvplayer.flv' /> 
     36        <script type="text/javascript"> 
     37            var player2 = new jwplayer.html5(document.getElementById("player2")); 
     38            player2.setup({ 
     39                levels: [{ 
     40                        file: "../../../js/test/files/bunny.mp4" 
     41                }, { 
     42                        file: "../../../js/test/files/bunny.ogv" 
     43                }], 
     44                image: "../../../js/test/files/bunny.jpg" 
     45            }); 
     46        </script> 
     47        <h3>HTML code</h3> 
     48    </body> 
     49</html> 

  • trunk/html5/test/examples/playlist.html

    r1306 r1314  
    11<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
     2<html> 
     3    <head> 
     4        <title>Playlists</title> 
     5        <script type="text/javascript" src="../../../js/bin-debug/jwplayer.js"> 
     6        </script> 
     7        <script type="text/javascript" src="../../bin-debug/jwplayer.html5.js"> 
     8        </script> 
     9    </head> 
     10    <body> 
     11        <script type="text/javascript"> 
     12            var playlist = [{ 
     13                levels: [{ 
     14                        file: "../../../js/test/files/bunny.mp4" 
     15                }, { 
     16                        file: "../../../js/test/files/bunny.ogv" 
     17                }], 
     18                image: "../../../js/test/files/bunny.jpg" 
     19            }, { 
     20                levels: [{ 
     21                        file: "../../../js/test/files/bunny.mp4" 
     22                }, { 
     23                        file: "../../../js/test/files/bunny.ogv" 
     24                }], 
     25                image: "../../../js/test/files/bunny.jpg" 
     26            }, { 
     27                levels: [{ 
     28                        file: "../../../js/test/files/bunny.mp4" 
     29                }, { 
     30                        file: "../../../js/test/files/bunny.ogv" 
     31                }], 
     32                image: "../../../js/test/files/bunny.jpg" 
     33            }]; 
     34        </script> 
     35        <h1>Playlists</h1> 
     36        <p> 
     37            This page is meant to test playlists with various playlist related config options. For now, all of them use the same playlist. 
     38        </p> 
     39        <p> 
     40            It contains three players with multiple sources, so it should play back in IE9, FF, Chrome, Safari, and Opera. IE < 9 will simply display "HTML5 Player should replace this". 
     41        </p> 
     42        <p> 
     43            The standard playlist 
     44        </p> 
     45        <div height="270" id="player1" width="480"> 
     46            HTML5 Player should replace this 
     47        </div> 
     48        <script type="text/javascript"> 
     49            var player1 = new jwplayer.html5(document.getElementById("player1")); 
     50            player1.setup({ 
     51                playlist: playlist 
     52            }); 
     53        </script> 
     54        <p> 
     55            Continuously repeat with shuffle on 
     56        </p> 
     57        <div height="270" id="player2" width="480"> 
     58            HTML5 Player should replace this 
     59        </div> 
     60        <script type="text/javascript"> 
     61            var player2 = new jwplayer.html5(document.getElementById("player2")); 
     62            player2.setup({ 
     63                playlist: playlist, 
     64                repeat: "always", 
     65                shuffle: true, 
     66                debug: "console" 
     67            }); 
     68        </script> 
     69        <p> 
     70            Play through once and stop after playing the last item 
     71        </p> 
     72        <div height="270" id="player3" width="480"> 
     73            HTML5 Player should replace this 
     74        </div> 
     75        <script type="text/javascript"> 
     76            var player3 = new jwplayer.html5(document.getElementById("player3")); 
     77            player3.setup({ 
     78                playlist: playlist, 
     79                repeat: "list" 
     80            }); 
     81        </script> 
     82        <h3>HTML code</h3> 
     83    </body> 
     84</html> 

  • trunk/html5/test/examples/single_mp4.html

    r1306 r1314  
    33    <head> 
    44        <title>Single MP4 Example</title> 
     5        <script type="text/javascript" src="../../../js/bin-debug/jwplayer.js"> 
     6        </script> 
     7        <script type="text/javascript" src="../../bin-debug/jwplayer.html5.js"> 
     8        </script> 
    59    </head> 
    610    <body> 
    711        <h1>Single MP4 video</h1> 
    812        <p> 
    9             This is the basic setup for a video that plays on Safari,iPhone/iPad and Chrome. Firefox, IE and Opera will fallback to Flash. A poster image is included. 
     13            This sets up a player for IE9, FF, Chrome, Safari, and Opera, however, playback will fail in FF and Opera. IE < 9 will simply display "HTML5 Player should replace this". 
    1014        </p> 
    1115        <div height="270" id="player" width="480"> 
     16                HTML5 Player should replace this 
    1217        </div> 
    13         <script type="text/javascript" src="../../../js/bin-debug/jwplayer.js"> 
    14         </script> 
    15         <script type="text/javascript" src="../../bin-debug/jwplayer.html5.js"> 
    16         </script> 
    1718        <script type="text/javascript"> 
    1819            var player = new jwplayer.html5(document.getElementById("player")); 
    … …  
    2425        </script> 
    2526        <h3>HTML code</h3> 
    26         <p> 
    27             Here is the code for this setup. Make sure to change all links to the scripts, player, image and video. They must refer to the correct files on your server. 
    28         </p> 
    29         <p> 
    30             First, place this code in the <strong>&lt;head&gt;</strong> 
    31             of your page: 
    32         </p> 
    33         <pre>&lt;script type="text/javascript" src="/scripts/jquery.js"&gt;&lt;/script&gt; 
    34 &lt;script type="text/javascript" src="/scripts/jquery.jwplayer.js"&gt;&lt;/script&gt;</pre> 
    35         <p> 
    36             Second, place this code where you want the video to appear: 
    37         </p> 
    38         <pre>&lt;video height="270" id="player" poster="/files/bunny.jpg" 
    39   src="/files/bunny.mp4" width="480"&gt; 
    40  
    41 &lt;script type="text/javascript"&gt; 
    42   $('#player').jwplayer({ 
    43     flashplayer:'/files/player.swf', 
    44     skin:'/files/five.xml' 
    45   }); 
    46 &lt;/script&gt;</pre> 
    4727    </body> 
    4828</html> 

  • trunk/html5/test/examples/single_ogg.html

    r1306 r1314  
    33    <head> 
    44        <title>Single OGV Example</title> 
     5        <script type="text/javascript" src="../../../js/bin-debug/jwplayer.js"> 
     6        </script> 
     7        <script type="text/javascript" src="../../bin-debug/jwplayer.html5.js"> 
     8        </script> 
    59    </head> 
    610    <body> 
    711        <h1>Single OGG video</h1> 
    812        <p> 
    9             This is the basic setup for a video that only plays on Firefox / Opera. On other browsers, it'll fallback to a download link. A poster image is included. 
     13            This sets up a player for IE9, FF, Chrome, Safari, and Opera, however, playback will fail in Safari and IE. IE < 9 will simply display "HTML5 Player should replace this". 
    1014        </p> 
    1115        <div height="270" id="player" width="480"> 
     16                HTML5 Player should replace this 
    1217        </div> 
    13         <script type="text/javascript" src="../../../js/bin-debug/jwplayer.js"> 
    14         </script> 
    15         <script type="text/javascript" src="../../bin-debug/jwplayer.html5.js"> 
    16         </script> 
    1718        <script type="text/javascript"> 
    1819            var player = new jwplayer.html5(document.getElementById("player")); 
    … …  
    2425        </script> 
    2526        <h3>HTML code</h3> 
    26         <p> 
    27             Here is the code for this setup. Make sure to change all links to the scripts, player, image and video. They must refer to the correct files on your server. 
    28         </p> 
    29         <p> 
    30             First, place this code in the <em>&lt;head&gt;</em> 
    31             of your page: 
    32         </p> 
    33         <pre>&lt;script type="text/javascript" src="/scripts/jwplayer.js"&gt;&lt;/script&gt; 
    34 &lt;script type="text/javascript" src="/scripts/jquery.jwplayer.js"&gt;&lt;/script&gt;</pre> 
    35         <p> 
    36             Second, place this code where you want the video to appear: 
    37         </p> 
    38         <pre>&lt;video height="270" id="player" poster="/files/bunny.jpg" 
    39   src="/files/bunny.ogv" width="480"&gt; 
    40  
    41 &lt;script type="text/javascript"&gt; 
    42   $('#player').jwplayer({ 
    43     skin:'/files/skins/five/five.xml' 
    44   }); 
    45 &lt;/script&gt;</pre> 
    46         <p> 
    47             Note this example does not define a <i>flashplayer</i> 
    48             fallback, since OGG cannot be played in Flash. 
    49         </p> 
    5027    </body> 
    5128</html> 

  • trunk/html5/test/examples/videotag.html

    r1306 r1314  
    11<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
     2<html> 
     3    <head> 
     4        <title>Video Tag</title> 
     5        <script type="text/javascript" src="../../../js/bin-debug/jwplayer.js"> 
     6        </script> 
     7        <script type="text/javascript" src="../../bin-debug/jwplayer.html5.js"> 
     8        </script> 
     9    </head> 
     10    <body> 
     11        <h1>Video Tag</h1> 
     12        <p> 
     13            This parses a &lt;video&gt; tag and sets up a player in it's place for IE9, FF, Chrome, Safari, and Opera. IE < 9 will simply display "HTML5 Player should replace this". 
     14        </p> 
     15        <video height="270" id="player" poster="../../../js/test/files/bunny.jpg" width="480"> 
     16            <source src="../../../js/test/files/bunny.mp4" type="video/mp4" /><source src="../../../js/test/files/bunny.ogv" type="video/ogg" /> 
     17                        <p> 
     18                                HTML5 Player should replace this. 
     19                        </p> 
     20        </video> 
     21        <script type="text/javascript"> 
     22            jwplayer("player").setup( { 
     23                players: [{ 
     24                        type: "html5" 
     25                }, { 
     26                        type: "flash", 
     27                        src: "../../../fl5/player.swf" 
     28                }] 
     29             
     30            }); 
     31        </script> 
     32        <h3>HTML code</h3> 
     33    </body> 
     34</html> 

  • trunk/html5/test/examples/youtube.html

    r1306 r1314  
    11<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
     2<html> 
     3    <head> 
     4        <title>YouTube</title> 
     5        <script type="text/javascript" src="../../../js/bin-debug/jwplayer.js"> 
     6        </script> 
     7        <script type="text/javascript" src="../../bin-debug/jwplayer.html5.js"> 
     8        </script> 
     9    </head> 
     10    <body> 
     11        <h1>YouTube</h1> 
     12        <p> 
     13            This sets up a YouTube player for IE9, FF, Chrome, Safari, and Opera, however, Flash must be enabled to view the video. IE < 9 will simply display "HTML5 Player should replace this". 
     14        </p> 
     15        <div height="270" id="player" width="480"> 
     16                HTML5 Player should replace this 
     17        </div> 
     18        <script type="text/javascript"> 
     19            var player = new jwplayer.html5(document.getElementById("player")); 
     20            player.setup({ 
     21                levels: [{ 
     22                        file: "http://youtube.com/watch?v=IBTE-RoMsvw" 
     23                }] 
     24            }); 
     25        </script> 
     26        <h3>HTML code</h3> 
     27    </body> 
     28</html> 
Note: See TracChangeset for help on using the changeset viewer.