BustPlay
JA

自分で稼ぐ動画プレーヤー

広告エンジンを標準搭載した組み込み型 HTML5 プレーヤー。ラッパーチェーン対応の VAST、VMAP によるブレーク配信、回線断でも途切れないトラッキング。外部 SDK は不要。軽量でキーボード操作に対応し、変数ひとつで配色を変更できます。

4.0 KB コア (gzip) 0 コアの依存関係 VAST + VMAP SDK 不要 164 CI のテスト

これは画面録画ではなく、実際のビルドから動く本物のプレーヤーです。初回再生はプレロール広告から始まります。広告エンジンが VAST タグを解析し、表示を自ら制御します。Space で再生、F で全画面、シークバーにカーソルを合わせるとチャプターのプレビューが表示されます。

プロダクトの構成

プラットフォーム

プレーヤーだけでなく、仕組みごと

ClickHouse に取り込む PII なしの QoE 分析、ドメインに紐づくオフラインライセンス、ビルダーと分析を備えたダッシュボード。各パーツは独立したパッケージで、それぞれにサイズ予算があります。

  • 分析:TTFF、リバッファ、完視聴ファネル
  • ライセンス:ECDSA 署名、オフライン検証
  • ダッシュボード:2FA、キー、埋め込みビルダー

最初のフレームまで 1 分

スクリプト 2 つとスタイルシート 1 つでプレーヤーが動きます。広告、ストリーミング、分析は必要なときだけ別パッケージで追加。

ドキュメント →
index.html

プレーヤーを組み立てる

スクリーンショットではなくライブのビルダー。設定はすぐ本物のプレーヤーに反映され、下のコードはそのままコピーできます。

スキン
アクセント
UI の言語
モジュール
BustPlayUI.createUI(player, { title: 'BustPlay' })

競合とのサイズ比較

2026 年 9 月 4 日に当方で計測:公式バンドル、同一の方法(gzip −9)。バージョンと注記を含む手順はリポジトリにあります。

構成 (JS+CSS, gzip)BustPlayPlyr 3.8Fluid 3.60video.js 8.24
プレーヤーのみ17.5 KiB37.059.4208.3
プレーヤー + HLS (hls.js 1.7)202.2220.4≈243*208.3 (VHS 内蔵)
プレーヤー + VAST 広告26.859.4 (内蔵)≥392 (contrib-ads + IMA)

正直な注記:video.js と Plyr は機能もエコシステムも上です。当方の数値は現段階のもの。*Fluid は実行時に hls.js を読み込みます。IMA は起動後にさらにコードを読み込むため、392 KiB は下限です。TTFF は未計測で、共通の検証環境が必要です。

FAQ

Video.js や Plyr と何が違いますか?

収益化が標準搭載です。広告は後付けのプラグインではなく、稼働中の RTB プラットフォームの専用コア(VAST、ラッパーチェーン、四分位イベント、キャッピング)。加えてサイズ規律:各パッケージの予算はビルドのゲートで、「プレーヤーのみ」は 17.5 KiB gzip、video.js は 208 です。

Google IMA など広告 SDK は必要ですか?

いいえ。VAST タグの解析と再生、VMAP のスケジュールもプレーヤー自身が行います。外部 SDK は本当に必要な場合のみアダプター経由で接続します。

自社ブランドに合わせて配色を変えるには?

CSS 変数ひとつで済みます。--bp-played がアクセントを決め、他の UI はニュートラルのまま。スキンは data-skin 属性で指定。再ビルドは不要です。

分析のプライバシーは?

既定で PII なし。ページごとのランダムなセッション ID(Cookie ではない)、IP は保存前の取り込み時に匿名化、ページ URL は統合側の明示的な同意がある場合のみ送信、サンプリング率は設定可能です。

オープンソースですか?

はい。コアとすべての open-core モジュールは MIT です。もうひとつの選択肢が商用ライセンス:帰属バッジなしのホワイトラベル、優先サポート、保証。キーがなくてもプレーヤーは完全に動作し、「BustPlay」バッジが残るだけです。