WordPress.org

Ready to get started?Download WordPress

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!

src

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

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

type

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"]

poster

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"]

loop

Loops the video or audio when it ends:

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

preload

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

[podloveaudio preload="true"]

autoplay

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

[podlovevideo autoplay="true"]

fullscreen

Disables the fullscreen button for video:

[podlovevideo fullscreen="false"]

duration

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"]

alwaysShowHours

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

[podloveaudio alwaysShowHours="false"]

alwaysShowControls

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"]

volume

Disables the volume slider:

[podloveaudio volume="false"]

progress

Disables the progress bar:

[podlovevideo progress="false"]

captions

URL to a WebVTT captions file:

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

chapters

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: 2014-1-26
Downloads: 18,751

Ratings

3 stars
3.7 out of 5 stars

Support

Got something to say? Need help?

Compatibility

+
=
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