jefftovar

No replies from the other plugin developers, either. Rather frustrating.

With the way things are quickly moving in an HTML5/responsive direction, I was ecstatic to find this audio player plugin for WordPress. I’ve tried numerous others and they all share that one major flaw—the width can only be set in pixels. I downloaded and activated it then came back here to find out the shortcode but ran into this bad news.

After fiddling around with it to see if I can make it work I found the following limitations to be deal breakers:

• The call for the player using an a href tag instead of a [audio: link.mp3] insert. Most other players out there use this shortcode and in my opinion, it is standard.
• The player not having a bar alerting the user how much of the file has been loaded.
• The player not having the total and amount played times listed in text.

Hopefully you find these comments useful and are able to implement them into future versions. You definitely have the right idea and are ahead of the soon-to-be-standard curve, it just needs some tweaking. I offer you to a look at these other plugins to really capitalize on other players who are headed in the right direction as well.

MediaElement.js
Projekktor

No help on this one?

For anyone else wondering, I’ve looked elsewhere and have found another plugin that works pretty great, but still has this same limitation. I just wrote to them with the same question so we’ll see if we get anywhere. A response either way is always greatly appreciated.

I’ve decided to go with another form. Feel free to remove this thread.

+1 for this feature

I hope future versions involve a proper thumbnail resize, but until then I’ve hacked my way around this using CSS.

I wanted my thumbnails to be 220px wide and 145px height so i created a container for them.

CSS:

.imgContainer { position: relative; float: left; overflow: hidden; width:220px; height: 145px; text-align: center; margin: 0 3px 3px 3px; }
.imgContainer img { width:220px; }

PHP:

foreach($fb_photos->data as $photo) {
$return .= "<div class='imgContainer'><a href='{$photo->source}' title='{$photo->name}' ><img src='{$photo->source}' class='sohailfbthumb' /></a></div>";

It may be a complete hack, but it avoids the horrible thumbnail distortion that was happening!

Ok, I’ve taken a necessary break and come back to this to find that this is not an issue with the plugin. My apologies. It wasn’t a conclusion jumped to, I did deduct as far down as I thought possible, but now see that when I add another…

[two_thirds]<div style="float:right;margin-top:30px;">[button to="https://kaleidoscope-sound.com/audio/Kingpin - Deep Hue.mp3" color="orange"]Download[/button]</div>
<h3 style="padding-bottom:5px;padding-top:0;">Kingpin - Deep Hue</h3>
<h4 style="padding-top:0;padding-bottom:0;">Kaleidoscope Mix Series #01
November 2007</h4>
[/two_thirds]

bit of code after the last cleared div above, ANYTHING after that breaks the page. Not just the audio shortcode, but anything. Back to the pulling of hair out I go…