The transport with your episode list under it. Best when someone might want an episode other than the newest.
<script src="https://www.obbo.me/player/obboplayer.js" async></script>
<div data-obbo-player="YOUR_WIDGET_ID" data-obbo-ui="list"></div>For your website
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.
Ready to paste
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.
The transport with your episode list under it. Best when someone might want an episode other than the newest.
<script src="https://www.obbo.me/player/obboplayer.js" async></script>
<div data-obbo-player="YOUR_WIDGET_ID" data-obbo-ui="list"></div>Just the player. Drop it into an article or a product page where one episode is the point.
<script src="https://www.obbo.me/player/obboplayer.js" async></script>
<div data-obbo-player="YOUR_WIDGET_ID" data-obbo-ui="bar"></div>Cover art at full size with the control on its edge. For sidebars and "more episodes" grids, where a horizontal bar looks stapled on.
<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
Put the script anywhere on the page, and the div where you want the player.
Read the integration guide