ポッドキャストを、どこへでも

スクリプトタグ1つで、すぐに使えるプレーヤーが手に入ります。同じスクリプトがJavaScript APIも提供するので、用意されたレイアウトが合わなければ独自に作れます。再生もエピソード情報も試聴データもそのまま使えます。

ファイル1つ、ビルド不要自分のCSSで自由に装飾どんなサイトでも動作

貼り付けるだけ

プレーヤーのレイアウトを選ぶ

ページに合うレイアウトを選びましょう。各サンプルは実際に動作し、埋め込みコードをそのままコピーできます。

これらのプレーヤーはサンプルのエピソードを表示しています。ウィジェットを作成すると、ここにご自身のポッドキャストが表示されます。

ポッドキャスト全体

プレーヤーの下にエピソード一覧が並びます。最新以外のエピソードも聴きたい場合に最適です。

埋め込みコード

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

1つのエピソード

プレーヤーだけ。ひとつのエピソードが主役になる記事や製品ページに置けます。

埋め込みコード

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

ポスター型カード

カバーアートを大きく見せ、操作ボタンをその縁に置きます。サイドバーや「他のエピソード」の一覧など、横長のバーでは取ってつけたように見える場所に。

埋め込みコード

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

プレーヤーIDを取得する

スクリプトはページのどこに置いても構いません。divはプレーヤーを表示したい場所に置きます。