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
[email protected]
http://lists.mmbase.org/mailman/listinfo/cvs
