MP3-jPlayer - Version 1.8.1

Version Description

  • Some css corrections - missing image for the buttons on the 'custom' style, and the smaller font sizes when using the 'mods' option.
Download this release

Release Info

Developer simon.ward
Plugin Icon 128x128 MP3-jPlayer
Version 1.8.1
Comparing to
See all releases

Code changes from version 1.8 to 1.8.1

css/images/transport-dark.png ADDED
Binary file
css/images/transport-hard.png ADDED
Binary file
css/images/transport-shard.png ADDED
Binary file
css/player-silverALT.css CHANGED
@@ -1,5 +1,5 @@
1
  /*
2
- MP3-jPlayer 1.7.8 - Silver Player (alternative style)
3
 
4
  */
5
 
@@ -20,7 +20,7 @@
20
  }
21
 
22
  div.jp-innerwrap { position:relative !important; background:transparent; border:0; margin:0; }
23
- div.jp-interface { position:relative !important; height:103px; min-height:85px; border:0; margin:0; cursor:default; }
24
 
25
  /* BACKGROUNDS */
26
  div.innerx { position: absolute;
@@ -60,76 +60,17 @@
60
  /* opacity */
61
  }
62
 
63
-
64
- /* SCREEN TEXT
65
- div.player-track-title,
66
- div.player-artist,
67
- div.jp-play-time,
68
- div.jp-total-time,
69
- div.statusMI {
70
- }
71
-
72
- div.player-track-title { position:absolute; font:normal normal 500 13px 'verdana', 'Lucida Grande', 'arial', sans-serif; top:8px; left:9px; width:auto; max-width:97%; line-height:15px; z-index:50; }
73
- div.player-track-title.mp3j_widgetmods { font-size: 11px; top: 9px; }
74
- div.player-artist { position:absolute; font:normal normal 500 10px 'verdana', 'Lucida Grande', 'arial', sans-serif; top:24px; left:28px; width:auto; max-width:95%; line-height:12px; height:auto; z-index:50; }
75
- div.player-artist.mp3j_widgetmods { font-size: 9px; }
76
-
77
- div.player-track-title span { font:normal normal 500 10px 'verdana', 'Lucida Grande', 'arial', sans-serif; padding-left:10px; max-width:95%; line-height:12px; }
78
- div.player-track-title.mp3j_widgetmods span { font-size: 9px; }
79
-
80
- */
81
-
82
- /* STATUS */
83
-
84
- /*
85
- div.jp-play-time,
86
- div.jp-total-time,
87
- div.statusMI {
88
- position:absolute; font:normal normal 500 8px 'verdana', 'Lucida Grande', 'arial', sans-serif; bottom:52px; text-align:left; z-index:50;
89
- }
90
- div.jp-play-time { right:79px; font-size:8px; }
91
- div.jp-total-time { right:7px; opacity:0.8; font-size:8px; }
92
- div.statusMI { right:34px; width:40px; font-size:8px; line-height:10px !important; height:10px !important; }
93
-
94
-
95
-
96
- span.mp3-finding,
97
- span.Smp3-finding,
98
- span.mp3-tint,
99
- span.mp3-gtint {
100
- padding:0px 0px 0px 3px !important; font-size:8px !important; line-height:10px !important; height:10px !important; overflow:hidden !important; -moz-border-radius:5px !important; -webkit-border-radius:5px !important; border-radius:5px !important;
101
- }
102
- span.mp3-finding, span.Smp3-finding {
103
- margin:0px 0px 0px -2px;
104
- background:url('images/finding-bar1f.gif') repeat-y 0px 3px;
105
- }
106
- span.mp3-tint {
107
- margin:0px 2px 0px -3px;
108
- opacity:.5; filter:alpha(opacity=50);
109
- }
110
- span.mp3-gtint {
111
- margin:0px 2px 0px -3px;
112
- opacity:.5; filter:alpha(opacity=50);
113
- background:#777;
114
- }
115
- span.Smp3-finding { margin:0px 0px 0px 3px; }
116
- */
117
-
118
-
119
 
120
  /* SCREEN
121
  ----------------- */
122
  div.player-track-title, div.jp-play-time, div.jp-total-time, div.statusMI { position:absolute; z-index:50; /* color set from admin */ font:normal normal 500 14px/16px 'verdana', 'Lucida Grande', 'arial', sans-serif; }
123
 
124
- div.player-track-title { top:9px; left:9px; width:auto; right:10px; }
125
  div.player-track-title span { font-size:10px; line-height:12px; padding-left:10px; max-width:95%; }
126
-
127
 
128
- div.jp-play-time, div.jp-total-time, div.statusMI { font-size:8px; line-height:10px !important; bottom:52px; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; }
129
  div.jp-play-time { right:84px; }
130
  div.jp-total-time { right:6px; opacity:0.8; width:auto; }
131
-
132
-
133
 
134
 
135
  span.mp3-finding, span.Smp3-finding, span.mp3-tint, span.mp3-gtint { padding:0px 0px 0px 6px !important; font-size:8px !important; line-height:10px !important; height:10px !important; overflow:hidden !important; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
@@ -146,11 +87,9 @@
146
  .MI-image { position:absolute; top:0; left:0; padding:0; }
147
  .MI-image img { border:none; padding:0px; background-color:#bbb; }
148
  .MI-image a:hover img { /* background-colour set from admin */ }
149
-
150
-
151
-
152
-
153
 
 
 
154
 
155
  /* DIV TRANSPORT since 1.6 */
156
  /* Transport wrap */
@@ -340,6 +279,11 @@
340
  .MI-image a:hover img { /* background-colour */ }
341
 
342
 
 
 
 
 
 
343
  /*-------------------------
344
  [mp3j] & [mp3t] SHORTCODES
345
  ==================================== */
1
  /*
2
+ MP3-jPlayer 1.8.1 - Silver Player (alternative style)
3
 
4
  */
5
 
20
  }
21
 
22
  div.jp-innerwrap { position:relative !important; background:transparent; border:0; margin:0; }
23
+ div.jp-interface { position:relative !important; height:110px; min-height:85px; border:0; margin:0; cursor:default; }
24
 
25
  /* BACKGROUNDS */
26
  div.innerx { position: absolute;
60
  /* opacity */
61
  }
62
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
63
 
64
  /* SCREEN
65
  ----------------- */
66
  div.player-track-title, div.jp-play-time, div.jp-total-time, div.statusMI { position:absolute; z-index:50; /* color set from admin */ font:normal normal 500 14px/16px 'verdana', 'Lucida Grande', 'arial', sans-serif; }
67
 
68
+ div.player-track-title { top:13px; left:9px; width:auto; right:10px; }
69
  div.player-track-title span { font-size:10px; line-height:12px; padding-left:10px; max-width:95%; }
 
70
 
71
+ div.jp-play-time, div.jp-total-time, div.statusMI { font-size:8px; line-height:10px !important; bottom:52px; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; }
72
  div.jp-play-time { right:84px; }
73
  div.jp-total-time { right:6px; opacity:0.8; width:auto; }
 
 
74
 
75
 
76
  span.mp3-finding, span.Smp3-finding, span.mp3-tint, span.mp3-gtint { padding:0px 0px 0px 6px !important; font-size:8px !important; line-height:10px !important; height:10px !important; overflow:hidden !important; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
87
  .MI-image { position:absolute; top:0; left:0; padding:0; }
88
  .MI-image img { border:none; padding:0px; background-color:#bbb; }
89
  .MI-image a:hover img { /* background-colour set from admin */ }
 
 
 
 
90
 
91
+ div.player-track-title.mp3j_widgetmods { font-size: 11px; top: 12px; left:5px; }
92
+ div.player-track-title.mp3j_widgetmods span { font-size: 9px; }
93
 
94
  /* DIV TRANSPORT since 1.6 */
95
  /* Transport wrap */
279
  .MI-image a:hover img { /* background-colour */ }
280
 
281
 
282
+
283
+
284
+
285
+
286
+
287
  /*-------------------------
288
  [mp3j] & [mp3t] SHORTCODES
289
  ==================================== */
css/players-1-8-dark.css CHANGED
@@ -1,5 +1,5 @@
1
  /*
2
- MP3-jPlayer 1.8 - Dark
3
  www.sjward.org */
4
 
5
  /*---------------------
@@ -129,6 +129,14 @@
129
  div.posbarMI_mp3j .ui-slider-handle:hover { background:none; z-index:100; }
130
 
131
 
 
 
 
 
 
 
 
 
132
  /*-------------------------
133
  [mp3j] & [mp3t] SHORTCODES
134
  ==================================== */
1
  /*
2
+ MP3-jPlayer 1.8.1 - Dark
3
  www.sjward.org */
4
 
5
  /*---------------------
129
  div.posbarMI_mp3j .ui-slider-handle:hover { background:none; z-index:100; }
130
 
131
 
132
+ /* backwards compat
133
+ ------------------- */
134
+ div.player-track-title.mp3j_widgetmods { font-size: 11px; top: 7px; left:5px; }
135
+ div.player-track-title.mp3j_widgetmods span { font-size: 9px; }
136
+ ul.UL-MI_mp3j.mp3j_widgetmods li { font-size:10px !important; line-height:14px !important; }
137
+ ul.UL-MI_mp3j.mp3j_widgetmods li a { font-size:10px !important; line-height:14px !important; }
138
+
139
+
140
  /*-------------------------
141
  [mp3j] & [mp3t] SHORTCODES
142
  ==================================== */
css/players-1-8-silver.css CHANGED
@@ -1,5 +1,5 @@
1
  /*
2
- MP3-jPlayer 1.8 - Silver
3
  www.sjward.org */
4
 
5
  /*---------------------
@@ -32,7 +32,8 @@
32
  ul.UL-MI_mp3j li { margin:0px !important; padding:0px 0px 1px 0px !important; font-weight:500 !important; line-height:15px !important; letter-spacing:0px !important; font-size:11px !important; word-spacing:0px !important; margin:0px 1px 0px 1px !important; }
33
  ul.UL-MI_mp3j li:before { content:none !important; }
34
  ul.UL-MI_mp3j li a { font-size:11px !important; border:0 !important; line-height:15px !important; font-weight:500 !important; text-decoration:none !important; display:block !important; width:auto !important; font-family:'verdana', 'Lucida Grande', 'arial', sans-serif !important; outline:none !important; padding:6px 0px 6px 14px !important; }
35
-
 
36
  /* SCREEN
37
  ----------------- */
38
  div.player-track-title, div.jp-play-time, div.jp-total-time, div.statusMI { position:absolute; z-index:50; /* color set from admin */ font:normal normal 500 14px/16px 'verdana', 'Lucida Grande', 'arial', sans-serif; }
@@ -58,7 +59,8 @@
58
  .MI-image { position:absolute; top:0; left:0; padding:0; }
59
  .MI-image img { border:none; padding:0px; background-color:#bbb; }
60
  .MI-image a:hover img { /* background-colour set from admin */ }
61
-
 
62
  /* BUTTONS
63
  ----------------- */
64
  /* TRANSPORT BUTTONS */
@@ -127,6 +129,12 @@
127
  div.posbarMI_mp3j .ui-slider-handle:hover { background:none; z-index:100; }
128
 
129
 
 
 
 
 
 
 
130
 
131
 
132
  /*-------------------------
1
  /*
2
+ MP3-jPlayer 1.8.1 - Silver
3
  www.sjward.org */
4
 
5
  /*---------------------
32
  ul.UL-MI_mp3j li { margin:0px !important; padding:0px 0px 1px 0px !important; font-weight:500 !important; line-height:15px !important; letter-spacing:0px !important; font-size:11px !important; word-spacing:0px !important; margin:0px 1px 0px 1px !important; }
33
  ul.UL-MI_mp3j li:before { content:none !important; }
34
  ul.UL-MI_mp3j li a { font-size:11px !important; border:0 !important; line-height:15px !important; font-weight:500 !important; text-decoration:none !important; display:block !important; width:auto !important; font-family:'verdana', 'Lucida Grande', 'arial', sans-serif !important; outline:none !important; padding:6px 0px 6px 14px !important; }
35
+
36
+
37
  /* SCREEN
38
  ----------------- */
39
  div.player-track-title, div.jp-play-time, div.jp-total-time, div.statusMI { position:absolute; z-index:50; /* color set from admin */ font:normal normal 500 14px/16px 'verdana', 'Lucida Grande', 'arial', sans-serif; }
59
  .MI-image { position:absolute; top:0; left:0; padding:0; }
60
  .MI-image img { border:none; padding:0px; background-color:#bbb; }
61
  .MI-image a:hover img { /* background-colour set from admin */ }
62
+
63
+
64
  /* BUTTONS
65
  ----------------- */
66
  /* TRANSPORT BUTTONS */
129
  div.posbarMI_mp3j .ui-slider-handle:hover { background:none; z-index:100; }
130
 
131
 
132
+ /* backwards compat
133
+ ------------------- */
134
+ div.player-track-title.mp3j_widgetmods { font-size: 11px; top: 7px; left:5px; }
135
+ div.player-track-title.mp3j_widgetmods span { font-size: 9px; }
136
+ ul.UL-MI_mp3j.mp3j_widgetmods li { font-size:10px !important; line-height:14px !important; }
137
+ ul.UL-MI_mp3j.mp3j_widgetmods li a { font-size:10px !important; line-height:14px !important; }
138
 
139
 
140
  /*-------------------------
css/players-1-8-text.css CHANGED
@@ -1,5 +1,5 @@
1
  /*
2
- MP3-jPlayer 1.8 - Text
3
  www.sjward.org */
4
 
5
  /*---------------------
@@ -167,7 +167,12 @@
167
 
168
 
169
 
170
-
 
 
 
 
 
171
 
172
 
173
 
1
  /*
2
+ MP3-jPlayer 1.8.1 - Text
3
  www.sjward.org */
4
 
5
  /*---------------------
167
 
168
 
169
 
170
+ /* backwards compat
171
+ ------------------- */
172
+ div.player-track-title.mp3j_widgetmods { font-size: 14px; }
173
+ div.player-track-title.mp3j_widgetmods span { font-size: 11px; }
174
+ ul.UL-MI_mp3j.mp3j_widgetmods li { font-size:11px !important; line-height:14px !important; }
175
+ ul.UL-MI_mp3j.mp3j_widgetmods li a { font-size:11px !important; line-height:14px !important; }
176
 
177
 
178
 
mp3j_main.php CHANGED
@@ -2,7 +2,7 @@
2
  if ( !class_exists("MP3j_Main") ) { class MP3j_Main {
3
 
4
  // ---------------------- Update Me
5
- var $version_of_plugin = "1.8";
6
  var $M_no = 0;
7
  var $F_no = 0;
8
  var $S_no = 0;
@@ -588,7 +588,7 @@ if ( !class_exists("MP3j_Main") ) { class MP3j_Main {
588
  }
589
  //jplayer and plugin js
590
  wp_enqueue_script( 'jquery.jplayer.min', $this->PluginFolder . '/js/jquery.jplayer.min.js', false, '1.2.0' );
591
- wp_enqueue_script( 'mp3-jplayer-176', $this->PluginFolder . '/js/mp3-jplayer-1.8.js', false, '1.8' );
592
  //css
593
  if ( $theme == "styleF" ) { $themepath = $this->PluginFolder . "/css/players-1-8-silver.css"; }
594
  elseif ( $theme == "styleG" ) { $themepath = $this->PluginFolder . "/css/players-1-8-dark.css"; }
2
  if ( !class_exists("MP3j_Main") ) { class MP3j_Main {
3
 
4
  // ---------------------- Update Me
5
+ var $version_of_plugin = "1.8.1";
6
  var $M_no = 0;
7
  var $F_no = 0;
8
  var $S_no = 0;
588
  }
589
  //jplayer and plugin js
590
  wp_enqueue_script( 'jquery.jplayer.min', $this->PluginFolder . '/js/jquery.jplayer.min.js', false, '1.2.0' );
591
+ wp_enqueue_script( 'mp3-jplayer', $this->PluginFolder . '/js/mp3-jplayer-1.8.js', false, '1.8' );
592
  //css
593
  if ( $theme == "styleF" ) { $themepath = $this->PluginFolder . "/css/players-1-8-silver.css"; }
594
  elseif ( $theme == "styleG" ) { $themepath = $this->PluginFolder . "/css/players-1-8-dark.css"; }
mp3jplayer.php CHANGED
@@ -3,7 +3,7 @@
3
  Plugin Name: MP3-jPlayer
4
  Plugin URI: http://sjward.org/jplayer-for-wordpress
5
  Description: Add mp3 players to posts, pages, and sidebars. HTML5 with Flash fall back. Shortcodes, widgets, and template tags. See the help on the Settings Page for a full list of options.
6
- Version: 1.8
7
  Author: Simon Ward
8
  Author URI: http://www.sjward.org
9
  License: GPL2
3
  Plugin Name: MP3-jPlayer
4
  Plugin URI: http://sjward.org/jplayer-for-wordpress
5
  Description: Add mp3 players to posts, pages, and sidebars. HTML5 with Flash fall back. Shortcodes, widgets, and template tags. See the help on the Settings Page for a full list of options.
6
+ Version: 1.8.1
7
  Author: Simon Ward
8
  Author URI: http://www.sjward.org
9
  License: GPL2
readme.txt CHANGED
@@ -6,7 +6,7 @@ Donate link: http://www.sjward.org/jplayer-for-wordpress
6
  Tags: mp3, mp3 player, music player, audio, audio player, jplayer, playlist, jquery, shortcode, widget, css, post, page, sidebar, html5
7
  Requires at least: 2.8
8
  Tested up to: 3.5.1
9
- Stable tag: 1.8
10
 
11
 
12
  Add mp3 audio players to posts, pages, and sidebars. HTML5 / Flash. Uses jPlayer.
@@ -138,6 +138,9 @@ Either on the forum at Wordpress, or [here](http://sjward.org/contact).
138
 
139
  == Changelog ==
140
 
 
 
 
141
  = 1.8 =
142
  * Fixed bug in javascript that caused problems in WordPress 3.5 (players broke after a couple of clicks).
143
  * Fixed bug when single quotes ended up in a popout title (it broke players).
6
  Tags: mp3, mp3 player, music player, audio, audio player, jplayer, playlist, jquery, shortcode, widget, css, post, page, sidebar, html5
7
  Requires at least: 2.8
8
  Tested up to: 3.5.1
9
+ Stable tag: 1.8.1
10
 
11
 
12
  Add mp3 audio players to posts, pages, and sidebars. HTML5 / Flash. Uses jPlayer.
138
 
139
  == Changelog ==
140
 
141
+ = 1.8.1 =
142
+ * Some css corrections - missing image for the buttons on the 'custom' style, and the smaller font sizes when using the 'mods' option.
143
+
144
  = 1.8 =
145
  * Fixed bug in javascript that caused problems in WordPress 3.5 (players broke after a couple of clicks).
146
  * Fixed bug when single quotes ended up in a popout title (it broke players).