All you need is a link to an mp3 file and a color value. Make the mp3 player any color you want!
[audio file="http://yoursite.com/uploads/song.mp3" color="000000" autostart="false"]
[audio file="http://yoursite.com/uploads/song.mp3" color="061b2e" autostart="false"]
The first example below utilizes all the options available when using the video shortcode.
[video file="http://yoursite.com/uploads/video.flv" image="URL TO STARTING IMAGE" width="480" height="360" autostart="false" color="000000" logo="URL TO YOUR LOGO IMAGE" logo_width="100" logo_height="40"]
Supported file formats include mp4, flv, and f4v.
[video file="http://yoursite.com/uploads/video.flv" image="URL TO STARTING IMAGE" width="480" height="360"][video file="http://yoursite.com/uploads/video.f4v" image="URL TO STARTING IMAGE" width="480" height="360"][video file="http://yoursite.com/uploads/video.mp4" image="URL TO STARTING IMAGE" width="480" height="360"]
You can see below what happens when we insert a color value. Also, note that in the example below, no logo image is specified, so it simply doesn’t show in the lower right corner when the video is played.
[video file="http://macbook.local:8888/complexity/complexity-v2/wp-content/uploads/2010/11/video-widget-smaller.mp4" image="http://macbook.local:8888/complexity/complexity-v2/wp-content/uploads/2010/11/video-widget-screen.png" width="480" height="300" color="062e0f"]
Moving forward, the [video] shortcode can also be used to display a Vimeo video. You can neglect all of the other fancy options you’d use when inserting a self-hosted video and just go with the basics: Vimeo URL, width, and height
[video file="http://vimeo.com/1034172" width="580" height="330"]
And of course, I didn’t forget about YouTube. You can use the [video] shortcode display a video from there, as well. Once again, just go with the basic options: YouTube URL, width, and height
[video file="http://youtube.com/watch?v=Uv7SUncOAAQ" width="580" height="330"]