soukie

Try changing the positioning with CSS: either style the audio element or the div.audio_wrap – hope this helps.

That looks like a very good workaround! Mind if I use that in the next version, together with adding the default “mp3” (I think we can safely assume that any ‘legacy’ shortcodes in the [audio:your_mp3_file.mp3] syntax mp3 (well, I can actually sniff the extension because it is included there).

Correct, I have just checked and since the mp3 is not located within the default content folder, the existence of the different file formats (mp3, m4a etc.) needs to be specified manually, as alanft wrote. So the shortcode should be something like [audio src="https://archive.wuol.org/LunchClass/20100331LunchClass" format="mp3"]

I’ve checked this on Opera 10.10 (Win32) and everything seems to be working fine. Could be a version difference?

The shortcode format to use is a bit different. Check the documentation at https://soukie.net/degradable-html5-audio-and-video-plugin/

In your case, it should be [audio src="https://myserver.com/mysong" format="mp3"].

Thanks for the suggestion. Currently, the plugin does not support more functionality than what is in HTML5 “in the box”. It depends on where and how you would like that displayed. (YouTube style?) Anyway, it’s a good suggestion.

It should work on iPhone and iPad without any problems (as long as you provide a format that the iPhone understands — see the documentation). Can you post a link to a page where it does not work?

I could consider shuffling or manually overriding the priorities of the individual HTML5 sources (currently 1. WAVE, 2. MPEG-4, 3. Ogg Vorbis and 4. MPEG for audio; and 1. H.264, 2. Ogg Theora for video) but as Christiaan wrote, the whole point of this plugin is having HTML5 on top.

That’s something I’d love to see too.

Yes, it’s doable:

div.wp-caption {
position: relative;
display: block;
}
.wp-caption a[href$=”.jpg”]:before {
content: url(magnify.png);
position: absolute;
right: 20px;
top: 20px;
}

See https://soukie.net/2009/08/20/typography-and-css/#example for more details and example. I am actually using :hover:before. Plus you might need to extend the list of file types but that’s simple.