For your website

Put your podcast anywhere

One script tag gives you a ready-made player. The same script gives you a JavaScript API, so if none of our layouts is right you can build your own and still get playback, episode data and listening stats.

One file, no build stepStyle it with your own CSSWorks on any site

Ready to paste

Choose A Player Layout

Start with the layout that fits your page. Each example is live, and its embed code is ready to copy.

These players are showing sample episodes. Create a widget to see your own podcast here.

A whole podcast

The transport with your episode list under it. Best when someone might want an episode other than the newest.

Embed code
<script src="https://www.obbo.me/player/obboplayer.js" async></script>
<div data-obbo-player="YOUR_WIDGET_ID" data-obbo-ui="list"></div>
A single episode

Just the player. Drop it into an article or a product page where one episode is the point.

Embed code
<script src="https://www.obbo.me/player/obboplayer.js" async></script>
<div data-obbo-player="YOUR_WIDGET_ID" data-obbo-ui="bar"></div>
A poster card

Cover art at full size with the control on its edge. For sidebars and "more episodes" grids, where a horizontal bar looks stapled on.

Embed code
<script src="https://www.obbo.me/player/obboplayer.js" async></script>
<div data-obbo-player="YOUR_WIDGET_ID" data-obbo-ui="card"></div>

Get a player ID

Paste two lines

Put the script anywhere on the page, and the div where you want the player.

Read the integration guide
  1. Open Account, then Audio players.
  2. Create a player, name it for your own reference, and add what it should play: a whole podcast, one episode, or several episodes in the order you choose.
  3. Copy the player ID.

Make a player

Podcast player for your site