[MMBASE SCM] r42643 - in openimages/trunk/src/main/webapp/oiplayer: css js

[andre]

Author: andre
Date: 2010-06-21 15:54:41 +0200 (Mon, 21 Jun 2010)
New Revision: 42643

Modified:
   openimages/trunk/src/main/webapp/oiplayer/css/oiplayer.css
   openimages/trunk/src/main/webapp/oiplayer/js/jquery.oiplayer.js
Log:
width on top of player and beneath it (I think I'll have to generalizae this a 
bit more...)

Modified: openimages/trunk/src/main/webapp/oiplayer/css/oiplayer.css
===================================================================
--- openimages/trunk/src/main/webapp/oiplayer/css/oiplayer.css  2010-06-21 
13:28:00 UTC (rev 42642)
+++ openimages/trunk/src/main/webapp/oiplayer/css/oiplayer.css  2010-06-21 
13:54:41 UTC (rev 42643)
@@ -66,22 +66,28 @@
 div.oiplayer > div.controls
 {
        position: absolute;
-       bottom: 10px;
+       bottom: 0;
        left: 0;
        height: 28px;
-       margin: 0 10px;
+       margin: 0;
        padding-top: 3px;
-       width: 300px;
+       /*width: 320px;*/
        max-width: 640px;
        color: #555;
        background-color: #fff;
+       z-index: 19;
+}
+
+div.oiplayer > div.controls.top
+{
+       margin: 0 10px;
+       bottom: 10px;
        /* border-radius: 2px;
     box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.5); */
        -webkit-border-radius: 2px;
        -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.5);
        -moz-border-radius: 2px;
        -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.5);
-       z-index: 19;
 }
 
 div.oiplayer > div.player > audio

Modified: openimages/trunk/src/main/webapp/oiplayer/js/jquery.oiplayer.js
===================================================================
--- openimages/trunk/src/main/webapp/oiplayer/js/jquery.oiplayer.js     
2010-06-21 13:28:00 UTC (rev 42642)
+++ openimages/trunk/src/main/webapp/oiplayer/js/jquery.oiplayer.js     
2010-06-21 13:54:41 UTC (rev 42643)
@@ -88,6 +88,8 @@
                     $(div).height( $(div).height() + $(player.ctrls).height() 
);
                     player.ctrlspos = 'bottom';
                 }
+                
+                controlsWidth(player);
             }
             if (player.url == undefined) {  // no compatible sources to play
                 $(div).addClass('inavailable');
@@ -437,7 +439,11 @@
     }
 
     function controlsWidth(player) {
-        var controls_width = player.width - 20;
+        if (player.ctrlspos == 'top') {
+            var controls_width = player.width - 20;
+        } else {
+            var controls_width = player.width;        
+        }
         if (controls_width > 620) { controls_width = 620; }
         $(player.ctrls).width(controls_width);
         $(player.ctrls).find('div.sliderwrap').width(controls_width - 190);

_______________________________________________
Cvs mailing list
Cvs@lists.mmbase.org
http://lists.mmbase.org/mailman/listinfo/cvs