';
tpl += '
';
tpl += '
';
}
tpl += '';
}
} else { // flash
tpl += '';
if(playableVideo.poster_img) {
//tpl += '';
}
tpl += '';
if(playableVideo.loadPlayer) {
OnLoadFunctions[OnLoadFunctions.length] = "TV.setFlashPlayerConf({id:'"+playableVideo.id+"'});";
}
}
return tpl;
}
//---------------------------------------------------------------------------------------
this.videos = [];
this.loadOverlayVideoPlayer = function(p) {
if(this.verbose == true && typeof console == 'object') console.log('x start '+p.length+' player '+ navigator.userAgent+': %o',p);
if(!p) return 'no conf defined...';
var tpl = '';
var playableVideo = false;
var html5Playback = false;
var matchingtype = false;
//var vd = {};
var pv = this.getPlayableVideo(p);
if(this.verbose == true && typeof console == 'object') console.log('x FOUND pv?: %o',pv);
var playableVideo = pv.playableVideo;
var html5Playback = pv.html5Playback;
var matchingtype = pv.matchingtype;
this.videos[playableVideo.id] = pv;
if(html5Playback) {
// || Ext.isGecko3 --> needs different format
if(playableVideo) {
var video_style = '';
var video_style = 'style="display:none;"';
var ov_w = playableVideo.width;
var ov_h = playableVideo.height;
var ov_style = '';
if(playableVideo.player_bg) {
var ov_w = playableVideo.player_bg.width;
var ov_h = playableVideo.player_bg.height;
var ov_style = 'background-image:url('+playableVideo.player_bg.img+');padding-top:'+((playableVideo.player_bg.height-playableVideo.height)/2)+'px;padding-left:'+((playableVideo.player_bg.width-playableVideo.width)/2)+'px;background-repeat:no-repeat;';
}
tpl += '';
}
} else { // flash
//(playableVideo.player_bg)
var ov_w = playableVideo.width;
var ov_h = playableVideo.height;
var ov_style = '';
if(playableVideo.player_bg) {
var ov_w = playableVideo.player_bg.width;
var ov_h = playableVideo.player_bg.height;
var ov_style = 'background-image:url('+playableVideo.player_bg.img+');padding-top:'+((playableVideo.player_bg.height-playableVideo.height)/2)+'px;padding-left:'+((playableVideo.player_bg.width-playableVideo.width)/2)+'px;background-repeat:no-repeat;';
}
tpl += '';
}
return tpl;
}
this.autoplay=true;
this.playOverlayMovie = function(id) {
var playableVideo = this.videos[id].playableVideo;
//TV.hideOverlay(event,\''+playableVideo.id+'\',true);
if(playableVideo.ikey == 'iphone_video') {
var overlay = Ext.get(id+'_overlay');
overlay.setStyle('display','block');
overlay.setStyle('top','-10055px');
this.playHTML5Video(id);
} else {
// position
var overlay = Ext.get(id+'_overlay');
var st = this.docScrollTop();//Ext.getBody().dom.scrollTop;
var b = {};
b.width = Ext.getBody().getWidth();
b.height = (typeof window.innerHeight == 'undefined') ? document.documentElement.clientHeight : window.innerHeight;//Ext.getBody().getHeight();
if(playableVideo.player_bg) {
var h = playableVideo.height;
var w = playableVideo.width;
} else {
var h = playableVideo.player_bg.height;
var w = playableVideo.player_bg.width;
}
var x = (b.width/2) - (w/2);
var y = (st+(b.height/2)) - (h/2);
y = y -60;
if(y<0) y=10;
// modal
if(playableVideo.modal) {
this.coverbackground(true,playableVideo.modal);
this.addEvent(this.cover,'click',this.hideme = function(event) {TV.hideOverlay(event,playableVideo.id); });
}
// play
if(this.autoplay || playableVideo.autoplay) {
if(playableVideo.ikey == 'flash_video') this.playFlashVideo(id);
else {
this.playHTML5Video(id);
Ext.get(playableVideo.id).addListener('ended',TV.autohideOverlayHTML5,this,{video_id:id});
}
}
overlay.setStyle('display','');
overlay.setXY([x,y]);
}
}
//---------------------------------------------------------------------------------------
this.autohideOverlayHTML5 = function(e,el,o) {
this.hideOverlay(e,o.video_id,true);
}
//---------------------------------------------------------------------------------------
this.hideOverlay = function(event,id,force) {
if(!force) {
var el;
if(event) {
el = this.gettarget(event);
if (el == $(id+'_overlay')) return;
if (el == $(id+'')) return;
}
el = el.parentNode;
while(el) {
if(el.parentNode
&& el.parentNode.id
&& el.parentNode.id == (id+'_overlay')) return;
el = el.parentNode;
}
}
var overlay = Ext.get(id+'_overlay');
if(overlay) overlay.setStyle('display','none');
this.coverbackground(false);
this.controlHTML5Video(id,'stop');
this.removeEvent(this.cover,'click',this.hideme);
}
this.sau_Effect_rmNode = function(obj) {
PAGEdom.removeNode(obj.element);
IF.magnifier_is_visible = false;
}
this.coverbackground = function(vs,p) {
if(typeof p != 'object') p = {};
if(!p.bg_color) p.bg_color = "#ffffff";
if(!p.op) p.op = 1;
if(!this.cover) {
this.cover = document.createElement('div');
this.cover.style.position = 'absolute';
this.cover.style.zIndex = 5;
this.cover.style.left = 0+'px';
this.cover.style.top = 0+'px';
this.cover.style.opacity = p.op; // set opacity for effect : filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;
this.cover.style.filter = "alpha(opacity:"+Math.round(p.op*100)+")";
this.cover.style.backgroundColor = p.bg_color;
document.getElementsByTagName('body')[0].appendChild(this.cover);
}
if(!vs) {
this.cover.style.visibility = 'hidden';
} else {
var ww = Ext.getBody().getWidth();//PAGEdom.getWindowWidth();
var wh = Ext.getBody().getHeight();//PAGEdom.getWindowHeight();
var st = Ext.getBody().getScroll();//PAGEdom.docScrollTop();
bodyheight = st.top+wh;
bodyheight = document.body.offsetHeight;
if(wh > bodyheight) bodyheight = wh;
this.cover.style.width = '100%';//(ww-15)+'px';
this.cover.style.height = ((bodyheight))+'px';
this.cover.style.visibility = 'visible';
}
}
this.getPlayableVideo = function(p) {
// start with iphone, ipad, mp4, flash
if(!p) return 'no conf defined...';
//var tpl = '';
var playableVideo = false;
var html5Playback = false;
var matchingtype = false;
var vd = {};
for(i=0;i