-
Hey together,
can anyone tell me how this media element (audio post) can be embedded?
http://demo.onedesigns.com/pinboard/?p=147Does one need an additional plugin?
Thanks!
Update: I’ve been trying for an hour.
First I installed the WP plugin “Media Element.js” and tried it with [ audio src ] shortcode (in the visual tab) like they told on the plugin site. It worked in IE. In Firefox the player appeared for a short instant but then disappeared.
Then I realized that – obviously – the Media Element js stuff is already integrated in the Pinboard theme. On the demo site (link in opening post) I saw in the output source code that the player used HTML5 (less than/greater than) tags. I tried this on my blog (in the html tab), too. Result: In IE it works, but in Firefox I see only the player background (black/grey gradient) but no controls.Can you help me please?
Update 2: Hurray, it finally works.
Empirically I found out that the mp3 file format causes the problem in FF (no controls shown). Adding an ogg file as additional source did the trick!
This works also in a normal page, it doesn’t have to be a audio format post.I didn’t manage to get it via the attachment function, but I had success by editing the HTML tab like this (Replace the brackets with html tag symbols):
[p][audio][br /]
[source src=”path.mp3″][br /]
[source src=”path.ogg”][br /]
[/audio][/p]Be careful. Switching back to the visual tab may destroy the html code. This is bloody annoying…
Sorry that I have to post here again.
Any idea why I can’t set the width of an audio element?
I tried the following parameters, without success:
[audio width="200" size="200" style="width:200px"]In a post or a page, the audio player is displayed with 100 % width (660px), as far as I can see.
That doesn’t disturb me, but I also want to have the audio player in a text widget in the sidebar. It’s too big for the sidebar: The player gets divided into 2 parts. The above part is the main part (width 100 %, approx 330px) and the bottom part is only the volume control (width 50px). That looks awful.Any idea how width can be set?
You must be logged in to reply to this topic.