0f0a5829930b3718c0a89acb40d156e814f1e660
2 * skin js allows you to override contrlBuilder html/class output
10 volume_layout
: 'horizontal',
18 return '<div class="ui-state-default ui-corner-bl rButton k-options" title="'+ gM('mwe-player_options') + '" >' +
19 '<span>' + gM('mwe-menu_btn') + '</span>' +
26 'mv_embedded_options':{
28 'o':function( ctrlObj
){
29 var embedObj
= ctrlObj
.embedObj
;
31 '<div class="k-menu ui-widget-content" ' +
32 'style="width:' + embedObj
.playerPixelWidth() + 'px; height:' + embedObj
.playerPixelHeight() + 'px;">' +
33 '<ul class="k-menu-bar">';
34 //output menu item containers:
35 for(i
=0; i
< ctrlObj
.menu_items
.length
; i
++){
36 var mk
= ctrlObj
.menu_items
[i
];
37 o
+= '<li class="k-' + mk
+ '-btn" rel="' + mk
+ '">' +
38 '<a href="#" title="' + gM( 'mwe-' + mk
) +'">' + gM( 'mwe-' + mk
) +'</a></li>';
41 //we have to substract the width of the k-menu-bar
42 '<div class="k-menu-screens" style="width:' + ( embedObj
.playerPixelWidth() -75) +
43 'px; height:' + (embedObj
.playerPixelHeight() - ctrlBuilder
.height
) + 'px;">';
45 //output menu item containers:
46 for(i
=0; i
< ctrlObj
.menu_items
.length
; i
++){
47 o
+= '<div class="menu-screen menu-' + ctrlObj
.menu_items
[i
] + '"></div>';
55 addSkinControlHooks: function(){
56 var embedObj
= this.embedObj
;
58 var $tp
=$j('#' + embedObj
.id
);
60 //adds options and bindings: (we do this onClick for faster vidoe tag startup times)
61 var addMvOptions = function(){
62 if($j('#' + embedObj
.id
+ ' .k-menu').length
!= 0 )
65 $j('#' + embedObj
.id
+ ' .' + _this
.pClass
).prepend( _this
.components
['mv_embedded_options'].o( $tp
.get(0).ctrlBuilder
));
67 //by default its hidden:
68 $tp
.find('.k-menu').hide();
71 for(i
=0; i
< _this
.menu_items
.length
; i
++){
72 $tp
.find('.k-' + _this
.menu_items
[i
] + '-btn').click(function(){
73 var mk
= $j(this).attr('rel');
74 $target
= $j('#' + embedObj
.id
+ ' .menu-'+mk
).hide();
75 //gennerate the menu html not already done:
76 if( $target
.children().length
== 0 ){
77 //call the function show{Menuitem} with target:
78 embedObj
['show' + mk
.charAt(0).toUpperCase() + mk
.substring(1)](
79 $j('#' + embedObj
.id
+ ' .menu-'+mk
)
82 //slide out the others
83 $j('#' + embedObj
.id
+ ' .menu-screen').hide();
84 $target
.fadeIn("fast");
85 //don't follow the # link
90 //options menu display:
91 $tp
.find('.k-options').click(function(){
92 if($j('#' + embedObj
.id
+ ' .k-menu').length
== 0 ){
93 //stop the player if it does not support overlays:
94 if(!embedObj
.supports
['overlays'])
99 //set up the text and menu:
100 var $ktxt
= $j(this);
101 var $kmenu
= $tp
.find('.k-menu');
102 if( $kmenu
.is(':visible') ){
103 $kmenu
.fadeOut("fast",function(){
104 $ktxt
.find('span').html ( gM('mwe-menu_btn') );
106 $tp
.find('.play-btn-large').fadeIn('fast');
108 $kmenu
.fadeIn("fast", function(){
109 $ktxt
.find('span').html ( gM('mwe-close_btn') );
111 $tp
.find('.play-btn-large').fadeOut('fast');
116 $tp
.find('.volume-slider').slider({
121 slide: function(event
, ui
) {
122 embedObj
.updateVolumen(ui
.value
/100);
124 change: function(event
, ui
){
125 var level
= ui
.value
/100;
127 $tp
.find('.k-volume span').addClass('ui-icon-volume-off');
129 $tp
.find('.k-volume span').removeClass('ui-icon-volume-off');
131 //only run the onChange event if done by a user slide:
132 if(embedObj
.userSlide
){
133 embedObj
.userSlide
=false;
134 embedObj
.seeking
=true;
135 // var perc = ui.value/100;
136 embedObj
.updateVolumen(level
);