Plugin Directory

Podlove Web Player

HTML5 based audio/video player, focused on podcasts and similar media blogs. It supports chapters, deeplinks, captions, social media buttons and more.

Where can i get help?

Definitely not on wordpress.org
If you need help, please go to our github repo
You can find it at https://github.com/podlove/podlove-web-player

How can I configure the player’s appearance?

Just use the shortcode options that are described on this FAQ page!


This location of any audio or video file, local ore remote:

[podloveaudio src="http://mysite.com/mymedia.mp3"]


The media type of the resource:

[podlovevideo src="http://mysite.com/mymedia.m4v" type="video/mp4"]

mp4 / webm / ogg

The location of a file with a specific video type:

[podlovevideo mp4="mymedia.mp4" webm="mymedia.webm" ogg="mymedia.ogv"]

mp4 / mp3 / ogg / opus

[podloveaudio mp4="mymedia.m4a" mp3="mymedia.mp3" ogg="mymedia.oga" opus="mymedia.opus"]


The location of the poster frame for the video (or cover image for the rich audio player):

[podlovevideo poster="http://mysite.com/mymedia.png"]
[podloveaudio poster="http://mysite.com/mymedia.png"]

width / height

The width and/or height of the video (or the audio player):

[podlovevideo width="640" height="264"]


Loops the video or audio when it ends:

[podlovevideo src="http://mysite.com/mymedia.mp4" loop="true"]


Start loading the video as soon as possible, before the user clicks play. This might not work on all browsers.

[podloveaudio preload="true"]


Start playing the video as soon as it's ready. This might not work on all (mobile) devices.

[podlovevideo autoplay="true"]


Disables the fullscreen button for video:

[podlovevideo fullscreen="false"]


Enables display of duration without having to load the media file. Use seconds or timecode as a unit:

[podlovevideo duration="3522"]
[podloveaudio duration="00:58:42"]


Displays the time in 00:00:00 instead of 00:00. Default is "true".

[podloveaudio alwaysShowHours="false"]


Defines whether the player control bar is permanently visible. For videos, it might be suitable to fade the controls out when not hovering the video.

[podlovevideo alwaysShowControls="false"]


Disables the volume slider:

[podloveaudio volume="false"]


Disables the progress bar:

[podlovevideo progress="false"]


URL to a WebVTT captions file:

[podlovevideo captions="http://mysite.com/mymedia.vtt"]


Takes chapter json string from the defined custom field (the standard WordPress ones) and builds an interactive chapter table. Can be referenced to an external json file, too. Chapters must be written in the following format:

[{ "start": "00:00:00", "title": "foo", "href": "http://podlove.org", "image":"" },{ "start": "00:01:00", "title": "lorem", "href": "https://github.com/podlove/", "image":"samples/coverimage-red.png" },{ "start": "00:02:30", "title": "ipsum", "href": "https://github.com/shownotes/", "image":"samples/coverimage-green.png" },{ "start": "00:03:00", "title": "end", "href": "", "image":"samples/coverimage-blue.png" }]

  • "start" has to be defined as HH:MM:SS
  • "title" is the name of the chapter
  • "href" is an optional URL
  • "image" is an optional image URL or relative path

    [podloveaudio chapters="my_chapter_field"] [podloveaudio chapters="http://mychapters.com/chapters.json"]

chaptersVisible / timecontrolsVisible / summaryVisible

Defines the default visibility status of toggable player modules. Standard value is "false".

[podloveaudio chaptersVisible="true" timecontrolsVisible="false" summaryVisible="false"]

Rich Podlove Web Player player with meta information

If you have an audio file and use one of the following attributes, the player will sport a richer visual experience: "title", "subtitle", "summary", "poster", "permalink". Full example:

[podloveaudio mp3="http://mysite.com/mymedia.mp3" ogg="http://mysite.com/mymedia.ogg" title="PWP – First show" subtitle="We talk about this and that" summary="Here goes a summary of the episode which should be about 256 characters long" poster="http://mysite.com/mymedia.jpg" chapters="my_chapter_field" permalink="http://mysite.com/my-first-episode/"]

Podlove Web Player Shortcode in multiple lines

Don't do it, always write the shortcode in a single line.

Deprecated usage

Chapters now handed over as JSON, please take a look at the standalone.html. The previous solution will still work, however we recommend to use the new solution, as it offers some more features. Earlier versions of this plugin could handle alternative shortcodes, too: [audio] and [video]. As of version 1.1, these are deprecated as they conflict with other plugins.

Requires: 3.4.0 or higher
Compatible up to: 3.5.2
Last Updated: 2 years ago
Active Installs: 1,000+


2.7 out of 5 stars


Got something to say? Need help?


Not enough data

0 people say it works.
0 people say it's broken.

100,1,1 100,1,1
100,1,1 100,1,1
100,3,3 100,1,1
100,1,1 100,1,1
0,3,0 100,1,1 100,1,1 100,1,1