From 13d32a1fd98aa6b4897c80ecb2fdd75f5cfb13b4 Mon Sep 17 00:00:00 2001 From: Michael Dale Date: Wed, 19 Aug 2009 14:35:50 +0000 Subject: [PATCH] * some sequence fixes --- .../libAddMedia/mvBaseUploadInterface.js | 1 - js2/mwEmbed/libEmbedVideo/embedVideo.js | 430 +----------------- js2/mwEmbed/libSequencer/mvPlayList.js | 6 +- js2/mwEmbed/mv_embed.js | 7 +- js2/mwEmbed/skins/baseSkin.js | 1 - js2/mwEmbed/skins/ctrlBuilder.js | 418 +++++++++++++++++ 6 files changed, 434 insertions(+), 429 deletions(-) delete mode 100644 js2/mwEmbed/skins/baseSkin.js create mode 100644 js2/mwEmbed/skins/ctrlBuilder.js diff --git a/js2/mwEmbed/libAddMedia/mvBaseUploadInterface.js b/js2/mwEmbed/libAddMedia/mvBaseUploadInterface.js index d09b3a16fb..2e03313f34 100644 --- a/js2/mwEmbed/libAddMedia/mvBaseUploadInterface.js +++ b/js2/mwEmbed/libAddMedia/mvBaseUploadInterface.js @@ -30,7 +30,6 @@ loadGM({ "mwe-ok-button" : "OK" }); - var default_bui_options = { 'api_url':null, 'parent_uploader':null, diff --git a/js2/mwEmbed/libEmbedVideo/embedVideo.js b/js2/mwEmbed/libEmbedVideo/embedVideo.js index c45a9b97ab..6dd6f6bb0c 100644 --- a/js2/mwEmbed/libEmbedVideo/embedVideo.js +++ b/js2/mwEmbed/libEmbedVideo/embedVideo.js @@ -105,426 +105,6 @@ var mv_default_source_attr= new Array( 'default', 'lang' ); -//set the dismissNativeWarn flag: -_global['dismissNativeWarn'] = false; - - -var ctrlBuilder = { - height:29, - supports:{ - 'options':true, - 'borders':true - }, - menu_items:[ - 'playerselect', - 'download', - 'share', - 'credits', - ], - default_menu_item:'download', - getControls:function( embedObj ){ - js_log('f:controlsBuilder:: opt:'); - this.id = (embedObj.pc)?embedObj.pc.pp.id:embedObj.id; - this.available_width = embedObj.playerPixelWidth(); - //make pointer to the embedObj - this.embedObj = embedObj; - var _this = this; - for(var i in embedObj.supports){ - _this.supports[i] = embedObj.supports[i]; - }; - - //check for close_captions tracks: - if( ( embedObj.roe || embedObj.timedTextSources() ) - && embedObj.show_meta_link ) - this.supports['closed_captions']=true; - - var o=''; - //get the length of the play_head - this.player_head_length = embedObj.playerPixelWidth(); - for( var i in this.components ){ - if( this.supports[i] ){ - if( i != 'play_head'){ - this.player_head_length -= this.components[i].w; - } - } - } - for(var i in this.components){ - if( this.supports[i] ){ - if( this.available_width > this.components[i].w ){ - //special case with playhead don't add unless we have 60px - if( i == 'play_head' && this.player_head_length < 60 ) - continue; - o+=this.components[i].o(); - this.available_width -= this.components[i].w; - }else{ - js_log('not enough space for control component:' + i); - } - } - } - return o; - }, - /* - * addControlHooks - * to be run once controls are attached to the dom - */ - addControlHooks:function( embedObj ){ - //add in drag/seek hooks: - if(!embedObj.base_seeker_slider_offset && $j('#mv_seeker_slider_'+embedObj.id).get(0)) - embedObj.base_seeker_slider_offset = $j('#mv_seeker_slider_'+embedObj.id).get(0).offsetLeft; - - //js_log('looking for: #mv_seeker_slider_'+embedObj.id + "\n " + - // 'start sec: '+embedObj.start_time_sec + ' base offset: '+embedObj.base_seeker_slider_offset); - - var $tp=$j('#' + embedObj.id); - - //@todo: which object is being play()'d (or whatever) ? - //We select the element to attach the event to this way: - //$tp.find('.ui-icon-play').parent().click(function(){alert(0)}); or we can give the button itself a class - probably better. - - //add play hook for play-btn and large_play_button - $tp.find('.play-btn,.play-btn-large').unbind().btnBind().click(function(){ - $j('#' + embedObj.id).get(0).play(); - }) - //add recomend firefox if non-native playback: - if( embedObj.doNativeWarningCheck() ){ - $j('#dc_'+ embedObj.id).hover( - function(){ - if($j('#gnp_' + embedObj.id).length==0){ - $j(this).append('
' + - gM('mv_for_best_experience') + - '
' + - gM('mv_do_not_warn_again') + - '
'); - $j('#ffwarn_'+embedObj.id).click(function(){ - if( $j(this).is(':checked') ){ - //set up a cookie for 5 days: - $j.cookie('dismissNativeWarn', true, { expires: 5 }); - //set the current instance - _global['dismissNativeWarn'] = true; - $j('#gnp_' + embedObj.id).fadeOut('slow'); - }else{ - _global['adismissNativeWarn'] = false; - $j.cookie('dismissNativeWarn', false); - } - - }); - } - if( ($j.cookie('dismissNativeWarn') !== true) && - _global['dismissNativeWarn'] === false ){ - $j('#gnp_' + embedObj.id).fadeIn('slow'); - } - }, - function(){ - $j('#gnp_' + embedObj.id).fadeOut('slow'); - } - ); - } - - if( $j.browser.msie && $j.browser.version <= 6){ - $j('#big_play_link_' + embedObj.id).pngFix(); - } - - //captions binding: - $j('#timed_text_' + embedObj.id).unbind().btnBind().click(function(){ - $j('#' + embedObj.id).get(0).showTextInterface(); - }); - - //options binding: - $j('#options_button_' + embedObj.id).unbind().btnBind().click(function(){ - $j('#' +embedObj.id).get(0).doOptionsHTML(); - }); - - //fullscreen binding: - $j('#fullscreen_' + embedObj.id).unbind().btnBind().click(function(){ - $j('#' +embedObj.id).get(0).fullscreen(); - }); - - js_log(" should add slider binding: " + $j('#mv_play_head_'+embedObj.id).length) ; -// $j('#mv_play_head_'+embedObj.id).slider({ - $tp.find( '.j-scrubber' ).slider({ - range: "min", - value: 0, - min: 0, - max: 1000, - start: function(event, ui){ - var id = (embedObj.pc!=null)?embedObj.pc.pp.id:embedObj.id; - embedObj.userSlide=true; - $j('#big_play_link_'+id).fadeOut('fast'); - //if playlist always start at 0 - embedObj.start_time_sec = (embedObj.instanceOf == 'mvPlayList')?0: - npt2seconds(embedObj.getTimeReq().split('/')[0]); - }, - slide: function(event, ui) { - var perc = ui.value/1000; - embedObj.jump_time = seconds2npt( parseFloat( parseFloat(embedObj.getDuration()) * perc ) + embedObj.start_time_sec); - //js_log('perc:' + perc + ' * ' + embedObj.getDuration() + ' jt:'+ this.jump_time); - embedObj.setStatus( gM('seek_to')+' '+embedObj.jump_time ); - //update the thumbnail / frame - if(embedObj.isPlaying==false){ - embedObj.updateThumbPerc( perc ); - } - }, - change:function(event, ui){ - //only run the onChange event if done by a user slide: - if(embedObj.userSlide){ - embedObj.userSlide=false; - embedObj.seeking=true; - //stop the monitor timer (if we can) - if(embedObj.stopMonitor) - embedObj.stopMonitor(); - - var perc = ui.value/1000; - //set seek time (in case we have to do a url seek) - embedObj.seek_time_sec = npt2seconds( embedObj.jump_time, true ); - js_log('do jump to: '+embedObj.jump_time + ' perc:' +perc + ' sts:' + embedObj.seek_time_sec); - embedObj.doSeek(perc); - } - } - }); - //@todo: identify problem with volume button jumping... - $tp.find('.k-volume-slider').slider({ - range: "min", - value: 80, - min: 0, - max: 100, - slide: function(event, ui) { - embedObj.updateVolumen(ui.value/100); - }, - change: function(event, ui){ - var level = ui.value/100; - if (level==0) { - $tp.find('.k-volume span').addClass('ui-icon-volume-off'); - }else{ - $tp.find('.k-volume span').removeClass('ui-icon-volume-off'); - } - //only run the onChange event if done by a user slide: - if(embedObj.userSlide){ - embedObj.userSlide=false; - embedObj.seeking=true; -// var perc = ui.value/100; - embedObj.updateVolumen(level); - } - } - }); - //up the z-index of the default status indicator: -// $j('#mv_play_head_'+embedObj.id + ' .ui-slider-handle').css('z-index', 4); -// $j('#mv_play_head_'+embedObj.id + ' .ui-slider-range').addClass('ui-corner-all').css('z-index', 2); - //extended class list for jQuery ui themeing (we can probably refactor this with custom buffering highliter) - $j('#' + embedObj.id + ' .j-scrubber').prepend( ctrlBuilder.getMvBufferHtml() ); - - - //adds options and bindings: (we do this onClick for faster vidoe tag startup times) - var addMvOptions = function(){ - if($j('#' + embedObj.id + ' .k-menu').length != 0 ) - return false; - - $j('#' + embedObj.id).prepend( ctrlBuilder.components['mv_embedded_options'].o( embedObj ) ); - - //by default its hidden: - $tp.find('.k-menu').hide(); - - //output menu-items: - for(i=0; i < ctrlBuilder.menu_items.length ; i++){ - $tp.find('.k-' + ctrlBuilder.menu_items[i] + '-btn').click(function(){ - var mk = $j(this).attr('rel'); - $target = $j('#' + embedObj.id + ' .menu-'+mk).hide(); - //gennerate the menu html not already done: - if( $target.children().length == 0 ){ - //call the function show{Menuitem} with target: - embedObj['show' + mk.charAt(0).toUpperCase() + mk.substring(1)]( - $j('#' + embedObj.id + ' .menu-'+mk) - ); - } - //slide out the others - $j('#' + embedObj.id + ' .menu-screen').hide(); - $target.fadeIn("fast"); - //don't follow the # link - return false; - }); - } - } - - //options menu display: - $tp.find('.k-options').click(function(){ - if($j('#' + embedObj.id + ' .k-menu').length == 0 ) - addMvOptions(); - //set up the text and menu: - var $ktxt = $j(this).find('.ui-icon-k-menu'); - var $kmenu = $tp.find('.k-menu'); - if( $kmenu.is(':visible') ){ - $kmenu.fadeOut("fast",function(){ - $ktxt.html ( gM('menu_btn') ); - }); - $tp.find('.play-btn-large').fadeIn('fast'); - }else{ - $kmenu.fadeIn("fast", function(){ - $ktxt.html ( gM('close_btn') ); - }); - $tp.find('.play-btn-large').fadeOut('fast'); - } - }); - - //volume binding: - $tp.find('.k-volume').unbind().btnBind().click(function(){ - $tp.toggleMute(); - }); - - var hoverOverDelay=false; - /*$j('#volume_control_'+embedObj.id).unbind().btnBind().click(function(){ - $j('#' +embedObj.id).get(0).toggleMute(); - }); - .hover( - function(){ - $j('#vol_container_' + embedObj.id).addClass('vol_container_top'); - //set to "below" if playing and embedType != native - if(embedObj && embedObj.isPlaying() && !embedObj.supports['overlays']){ - $j('#vol_container_' + embedObj.id).removeClass('vol_container_top').addClass('vol_container_below'); - } - - $j('#vol_container_' + embedObj.id).fadeIn('fast'); - hoverOverDelay = true; - }, - function(){ - hoverOverDelay= false; - setTimeout(function doHideVolume(){ - if(!hoverOverDelay){ - $j('#vol_container_' + embedObj.id).fadeOut('fast'); - } - }, 500); - } - ); - //Volumen Slider - $j('#volume_bar_'+embedObj.id).slider({ - orientation: "vertical", - range: "min", - value: 80, - min: 0, - max: 100, - slide: function(event, ui) { - var perc = ui.value/100; - //js_log('update volume:' + perc); - embedObj.updateVolumen(perc); - }, - change:function(event, ui){ - var perc = ui.value/100; - if (perc==0) { - $j('#volume_control_'+embedObj.id + ' span').removeClass('ui-icon-volume-on').addClass('ui-icon-volume-off'); - }else{ - $j('#volume_control_'+embedObj.id + ' span').removeClass('ui-icon-volume-off').addClass('ui-icon-volume-on'); - } - //only run the onChange event if done by a user slide: - if(embedObj.userSlide){ - embedObj.userSlide=false; - embedObj.seeking=true; - var perc = ui.value/100; - embedObj.updateVolumen(perc); - } - } - });*/ - - }, - getMvBufferHtml:function(){ - return '
'; - }, - components:{ - 'borders':{ - 'w':8, - 'o':function(){ - return ''; - } - }, - 'mv_embedded_options':{ - 'w':0, - 'o':function( embedObj ){ - var o= '' + - '
' + - '
    '; - //output menu item containers: - for(i=0; i < ctrlBuilder.menu_items.length; i++){ - var mk = ctrlBuilder.menu_items[i]; - o+= '
  • ' + - '' + gM( mk ) +'
    • '; - } - o+='
' + - //we have to substract the width of the k-menu-bar - '
'; - - //output menu item containers: - for(i=0; i < ctrlBuilder.menu_items.length; i++){ - o+= '
'; - } - - '
' + - '
'; - return o; - } - }, - 'pause':{ - 'w':28, //28 147 - 'o':function(){ - return '' - } - }, - 'play_head':{ // scrubber - 'w':0, //special case (takes up remaining space) - 'o':function(){ - return '
' - } - }, - 'time_display':{ - 'w':36, - 'o':function(){ - return '
' + seconds2npt ( ctrlBuilder.embedObj.getDuration() ) + '
'; - } - }, - 'volume_control':{ - 'w':40, - 'o':function(){ - return '' + - '
'; - - //vertical volume control: - /* return ''; - */ - } - }, - 'closed_captions':{ - 'w':24, - 'o':function(){ - return '
' + - '
'; - } - }, - 'fullscreen':{ - 'w':24, - 'o':function(){ - return '' - } - }, - 'options':{ - 'w':50, - 'o':function(){ - return '' - } - } - } -} /* * Converts all occurrences of
' + ); } } diff --git a/js2/mwEmbed/libSequencer/mvPlayList.js b/js2/mwEmbed/libSequencer/mvPlayList.js index 1eeeeea046..772a324703 100644 --- a/js2/mwEmbed/libSequencer/mvPlayList.js +++ b/js2/mwEmbed/libSequencer/mvPlayList.js @@ -426,7 +426,8 @@ mvPlayList.prototype = { $j('#dc_'+_this.id).append( '
' + '
' + - '
' + _this.getControlsHTML() + '
'+ @@ -551,7 +552,8 @@ mvPlayList.prototype = { setSliderValue:function(value){ //slider is on 1000 scale: var val = parseInt( value *1000 ); - $j('#mv_play_head_' + this.id).slider('value', val); + $//j('#mv_play_head_' + this.id).slider('value', val); + $j('#'+this.id + ' .j-scrubber').slider('value', val); }, getPlayHeadPos: function(prec_done){ var _this = this; diff --git a/js2/mwEmbed/mv_embed.js b/js2/mwEmbed/mv_embed.js index e495eada9a..3fa4710090 100644 --- a/js2/mwEmbed/mv_embed.js +++ b/js2/mwEmbed/mv_embed.js @@ -149,9 +149,9 @@ lcPaths({ "$j.Jcrop" : "libClipEdit/Jcrop/js/jquery.Jcrop.js", "$j.fn.simpleUploadForm": "libAddMedia/simpleUploadForm.js", - "baseSkin" : "skins/baseSkin.js", - "kskin" : "skins/kskin/kskin.js", - "mvpcf" : "skins/mvpcf/mvpcf.js", + "ctrlBuilder" : "skins/ctrlBuilder.js", + "kskin" : "skins/kskin/kskin.js", + "mvpcf" : "skins/mvpcf/mvpcf.js", "$j.secureEvalJSON" : "jquery/plugins/jquery.secureEvalJSON.js", "$j.cookie" : "jquery/plugins/jquery.cookie.js", @@ -540,6 +540,7 @@ var mvJsLoader = { [ '$j.ui', 'embedVideo', + 'ctrlBuilder', '$j.cookie' ], [ diff --git a/js2/mwEmbed/skins/baseSkin.js b/js2/mwEmbed/skins/baseSkin.js deleted file mode 100644 index e1d28034c1..0000000000 --- a/js2/mwEmbed/skins/baseSkin.js +++ /dev/null @@ -1 +0,0 @@ -//just a stub right now \ No newline at end of file diff --git a/js2/mwEmbed/skins/ctrlBuilder.js b/js2/mwEmbed/skins/ctrlBuilder.js new file mode 100644 index 0000000000..1045474241 --- /dev/null +++ b/js2/mwEmbed/skins/ctrlBuilder.js @@ -0,0 +1,418 @@ +//set the dismissNativeWarn flag: +_global['dismissNativeWarn'] = false; + +var ctrlBuilder = { + height:29, + supports:{ + 'options':true, + 'borders':true + }, + menu_items:[ + 'playerselect', + 'download', + 'share', + 'credits', + ], + default_menu_item:'download', + getControls:function( embedObj ){ + js_log('f:controlsBuilder:: opt:'); + this.id = (embedObj.pc)?embedObj.pc.pp.id:embedObj.id; + this.available_width = embedObj.playerPixelWidth(); + //make pointer to the embedObj + this.embedObj = embedObj; + var _this = this; + for(var i in embedObj.supports){ + _this.supports[i] = embedObj.supports[i]; + }; + + //check for close_captions tracks: + if( ( embedObj.roe || embedObj.timedTextSources() ) + && embedObj.show_meta_link ) + this.supports['closed_captions']=true; + + var o=''; + //get the length of the play_head + this.player_head_length = embedObj.playerPixelWidth(); + for( var i in this.components ){ + if( this.supports[i] ){ + if( i != 'play_head'){ + this.player_head_length -= this.components[i].w; + } + } + } + for(var i in this.components){ + if( this.supports[i] ){ + if( this.available_width > this.components[i].w ){ + //special case with playhead don't add unless we have 60px + if( i == 'play_head' && this.player_head_length < 60 ) + continue; + o+=this.components[i].o(); + this.available_width -= this.components[i].w; + }else{ + js_log('not enough space for control component:' + i); + } + } + } + return o; + }, + /* + * addControlHooks + * to be run once controls are attached to the dom + */ + addControlHooks:function( embedObj ){ + //add in drag/seek hooks: + if(!embedObj.base_seeker_slider_offset && $j('#mv_seeker_slider_'+embedObj.id).get(0)) + embedObj.base_seeker_slider_offset = $j('#mv_seeker_slider_'+embedObj.id).get(0).offsetLeft; + + //js_log('looking for: #mv_seeker_slider_'+embedObj.id + "\n " + + // 'start sec: '+embedObj.start_time_sec + ' base offset: '+embedObj.base_seeker_slider_offset); + + var $tp=$j('#' + embedObj.id); + + //@todo: which object is being play()'d (or whatever) ? + //We select the element to attach the event to this way: + //$tp.find('.ui-icon-play').parent().click(function(){alert(0)}); or we can give the button itself a class - probably better. + + //add play hook for play-btn and large_play_button + $tp.find('.play-btn,.play-btn-large').unbind().btnBind().click(function(){ + $j('#' + embedObj.id).get(0).play(); + }) + //add recomend firefox if non-native playback: + if( embedObj.doNativeWarningCheck() ){ + $j('#dc_'+ embedObj.id).hover( + function(){ + if($j('#gnp_' + embedObj.id).length==0){ + $j(this).append('
' + + gM('mv_for_best_experience') + + '
' + + gM('mv_do_not_warn_again') + + '
'); + $j('#ffwarn_'+embedObj.id).click(function(){ + if( $j(this).is(':checked') ){ + //set up a cookie for 5 days: + $j.cookie('dismissNativeWarn', true, { expires: 5 }); + //set the current instance + _global['dismissNativeWarn'] = true; + $j('#gnp_' + embedObj.id).fadeOut('slow'); + }else{ + _global['adismissNativeWarn'] = false; + $j.cookie('dismissNativeWarn', false); + } + + }); + } + if( ($j.cookie('dismissNativeWarn') !== true) && + _global['dismissNativeWarn'] === false ){ + $j('#gnp_' + embedObj.id).fadeIn('slow'); + } + }, + function(){ + $j('#gnp_' + embedObj.id).fadeOut('slow'); + } + ); + } + + if( $j.browser.msie && $j.browser.version <= 6){ + $j('#big_play_link_' + embedObj.id).pngFix(); + } + + //captions binding: + $j('#timed_text_' + embedObj.id).unbind().btnBind().click(function(){ + $j('#' + embedObj.id).get(0).showTextInterface(); + }); + + //options binding: + $j('#options_button_' + embedObj.id).unbind().btnBind().click(function(){ + $j('#' +embedObj.id).get(0).doOptionsHTML(); + }); + + //fullscreen binding: + $j('#fullscreen_' + embedObj.id).unbind().btnBind().click(function(){ + $j('#' +embedObj.id).get(0).fullscreen(); + }); + + js_log(" should add slider binding: " + $j('#mv_play_head_'+embedObj.id).length) ; +// $j('#mv_play_head_'+embedObj.id).slider({ + $tp.find( '.j-scrubber' ).slider({ + range: "min", + value: 0, + min: 0, + max: 1000, + start: function(event, ui){ + var id = (embedObj.pc!=null)?embedObj.pc.pp.id:embedObj.id; + embedObj.userSlide=true; + $j('#big_play_link_'+id).fadeOut('fast'); + //if playlist always start at 0 + embedObj.start_time_sec = (embedObj.instanceOf == 'mvPlayList')?0: + npt2seconds(embedObj.getTimeReq().split('/')[0]); + }, + slide: function(event, ui) { + var perc = ui.value/1000; + embedObj.jump_time = seconds2npt( parseFloat( parseFloat(embedObj.getDuration()) * perc ) + embedObj.start_time_sec); + //js_log('perc:' + perc + ' * ' + embedObj.getDuration() + ' jt:'+ this.jump_time); + embedObj.setStatus( gM('seek_to')+' '+embedObj.jump_time ); + //update the thumbnail / frame + if(embedObj.isPlaying==false){ + embedObj.updateThumbPerc( perc ); + } + }, + change:function(event, ui){ + //only run the onChange event if done by a user slide: + if(embedObj.userSlide){ + embedObj.userSlide=false; + embedObj.seeking=true; + //stop the monitor timer (if we can) + if(embedObj.stopMonitor) + embedObj.stopMonitor(); + + var perc = ui.value/1000; + //set seek time (in case we have to do a url seek) + embedObj.seek_time_sec = npt2seconds( embedObj.jump_time, true ); + js_log('do jump to: '+embedObj.jump_time + ' perc:' +perc + ' sts:' + embedObj.seek_time_sec); + embedObj.doSeek(perc); + } + } + }); + //@todo: identify problem with volume button jumping... + $tp.find('.k-volume-slider').slider({ + range: "min", + value: 80, + min: 0, + max: 100, + slide: function(event, ui) { + embedObj.updateVolumen(ui.value/100); + }, + change: function(event, ui){ + var level = ui.value/100; + if (level==0) { + $tp.find('.k-volume span').addClass('ui-icon-volume-off'); + }else{ + $tp.find('.k-volume span').removeClass('ui-icon-volume-off'); + } + //only run the onChange event if done by a user slide: + if(embedObj.userSlide){ + embedObj.userSlide=false; + embedObj.seeking=true; +// var perc = ui.value/100; + embedObj.updateVolumen(level); + } + } + }); + //up the z-index of the default status indicator: +// $j('#mv_play_head_'+embedObj.id + ' .ui-slider-handle').css('z-index', 4); +// $j('#mv_play_head_'+embedObj.id + ' .ui-slider-range').addClass('ui-corner-all').css('z-index', 2); + //extended class list for jQuery ui themeing (we can probably refactor this with custom buffering highliter) + $j('#' + embedObj.id + ' .j-scrubber').prepend( ctrlBuilder.getMvBufferHtml() ); + + + //adds options and bindings: (we do this onClick for faster vidoe tag startup times) + var addMvOptions = function(){ + if($j('#' + embedObj.id + ' .k-menu').length != 0 ) + return false; + + $j('#' + embedObj.id).prepend( ctrlBuilder.components['mv_embedded_options'].o( embedObj ) ); + + //by default its hidden: + $tp.find('.k-menu').hide(); + + //output menu-items: + for(i=0; i < ctrlBuilder.menu_items.length ; i++){ + $tp.find('.k-' + ctrlBuilder.menu_items[i] + '-btn').click(function(){ + var mk = $j(this).attr('rel'); + $target = $j('#' + embedObj.id + ' .menu-'+mk).hide(); + //gennerate the menu html not already done: + if( $target.children().length == 0 ){ + //call the function show{Menuitem} with target: + embedObj['show' + mk.charAt(0).toUpperCase() + mk.substring(1)]( + $j('#' + embedObj.id + ' .menu-'+mk) + ); + } + //slide out the others + $j('#' + embedObj.id + ' .menu-screen').hide(); + $target.fadeIn("fast"); + //don't follow the # link + return false; + }); + } + } + + //options menu display: + $tp.find('.k-options').click(function(){ + if($j('#' + embedObj.id + ' .k-menu').length == 0 ) + addMvOptions(); + //set up the text and menu: + var $ktxt = $j(this).find('.ui-icon-k-menu'); + var $kmenu = $tp.find('.k-menu'); + if( $kmenu.is(':visible') ){ + $kmenu.fadeOut("fast",function(){ + $ktxt.html ( gM('menu_btn') ); + }); + $tp.find('.play-btn-large').fadeIn('fast'); + }else{ + $kmenu.fadeIn("fast", function(){ + $ktxt.html ( gM('close_btn') ); + }); + $tp.find('.play-btn-large').fadeOut('fast'); + } + }); + + //volume binding: + $tp.find('.k-volume').unbind().btnBind().click(function(){ + $tp.toggleMute(); + }); + + var hoverOverDelay=false; + /*$j('#volume_control_'+embedObj.id).unbind().btnBind().click(function(){ + $j('#' +embedObj.id).get(0).toggleMute(); + }); + .hover( + function(){ + $j('#vol_container_' + embedObj.id).addClass('vol_container_top'); + //set to "below" if playing and embedType != native + if(embedObj && embedObj.isPlaying() && !embedObj.supports['overlays']){ + $j('#vol_container_' + embedObj.id).removeClass('vol_container_top').addClass('vol_container_below'); + } + + $j('#vol_container_' + embedObj.id).fadeIn('fast'); + hoverOverDelay = true; + }, + function(){ + hoverOverDelay= false; + setTimeout(function doHideVolume(){ + if(!hoverOverDelay){ + $j('#vol_container_' + embedObj.id).fadeOut('fast'); + } + }, 500); + } + ); + //Volumen Slider + $j('#volume_bar_'+embedObj.id).slider({ + orientation: "vertical", + range: "min", + value: 80, + min: 0, + max: 100, + slide: function(event, ui) { + var perc = ui.value/100; + //js_log('update volume:' + perc); + embedObj.updateVolumen(perc); + }, + change:function(event, ui){ + var perc = ui.value/100; + if (perc==0) { + $j('#volume_control_'+embedObj.id + ' span').removeClass('ui-icon-volume-on').addClass('ui-icon-volume-off'); + }else{ + $j('#volume_control_'+embedObj.id + ' span').removeClass('ui-icon-volume-off').addClass('ui-icon-volume-on'); + } + //only run the onChange event if done by a user slide: + if(embedObj.userSlide){ + embedObj.userSlide=false; + embedObj.seeking=true; + var perc = ui.value/100; + embedObj.updateVolumen(perc); + } + } + });*/ + + }, + getMvBufferHtml:function(){ + return '
'; + }, + components:{ + 'borders':{ + 'w':8, + 'o':function(){ + return ''; + } + }, + 'mv_embedded_options':{ + 'w':0, + 'o':function( embedObj ){ + var o= '' + + '
' + + '
    '; + //output menu item containers: + for(i=0; i < ctrlBuilder.menu_items.length; i++){ + var mk = ctrlBuilder.menu_items[i]; + o+= '
  • ' + + '' + gM( mk ) +'
    • '; + } + o+='
' + + //we have to substract the width of the k-menu-bar + '
'; + + //output menu item containers: + for(i=0; i < ctrlBuilder.menu_items.length; i++){ + o+= '
'; + } + '
' + + '
'; + return o; + } + }, + 'pause':{ + 'w':28, //28 147 + 'o':function(){ + return '' + } + }, + 'play_head':{ // scrubber + 'w':0, //special case (takes up remaining space) + 'o':function(){ + return '
' + } + }, + 'time_display':{ + 'w':36, + 'o':function(){ + return '
' + seconds2npt ( ctrlBuilder.embedObj.getDuration() ) + '
'; + } + }, + 'volume_control':{ + 'w':40, + 'o':function(){ + return '' + + '
'; + + //vertical volume control: + /* return ''; + */ + } + }, + 'closed_captions':{ + 'w':24, + 'o':function(){ + return '
' + + '
'; + } + }, + 'fullscreen':{ + 'w':24, + 'o':function(){ + return '' + } + }, + 'options':{ + 'w':50, + 'o':function(){ + return '' + } + } + } +} -- 2.20.1