Using the Player

To use the player in any page or post type, toggle the “text” mode in the post content editor, and enter the shortcode like this: [audio id="57869" class="inline"] where the ID is the post ID of the audio. To get a post’s ID, edit the post and grab the ID from the URL where it says “post=57869”.

The player has different modes, which can be changed by swapping out the class values: landscape, portrait, square, inline

In Line


[audio id="57869" class="inline"]

Landscape

story
Explore
"I wanted to be exactly like him."
0:00 / 0:00

[audio id="57869" class="landscape"]

Portrait

story
Explore
"I wanted to be exactly like him."
0:00 / 0:00

[audio id="57869" class="portrait"]

Square

story
Explore
"I wanted to be exactly like him."
0:00 / 0:00

[audio id="57869" class="square"]

Custom image

story
Explore
"I wanted to be exactly like him."
0:00 / 0:00

[audio id="57869" image="http://placehold.it/640x480" class="landscape"]

Custom audio

Explore
0:00 / 0:00

[audio id="57869" src="http://cdn.storycorps.org/wordpress/wp-content/uploads/braun.mp3" class="landscape"]

Custom audio with custom image

Explore
0:00 / 0:00

[audio id="57869" src="http://cdn.storycorps.org/wordpress/wp-content/uploads/braun.mp3" image="http://placehold.it/640x480" class="landscape"]

Using NPR’s Podcast MP3

Explore
0:00 / 0:00

[audio id="57869" src="http://podcastdownload.npr.org/anon.npr-mp3/npr/blog/2015/08/20150812_blog_436greatescapes.mp3?orgId=1&d=768&p=510200&story=431914272&t=podcast&e=431914272&ft=pod&f=510200" class="landscape"]