M3U8（HLS） の URL があり、公式サイトやブログ、ドキュメントに載せたいけれどバックエンドは立てたくない、プレイヤーも一から作りたくない——というのはよくある話です。
やることはシンプルです。ブラウザで M3U8 埋め込みコードジェネレーター を開き、ストリーム URL を貼り、自動再生を試すかどうかを選ぶと、共有用の埋め込みページへのリンクと、そのまま貼れる iframe の HTML の両方が出ます。
この記事の流れは次のとおりです。まだ M3U8 のリンクがない場合は第2節で どうやって見つけるか を説明し、別の図解記事へリンクします。第3節から は「ジェネレーターに貼ってコードをコピー」、最後に video_url や autoplay などのクエリ を整理します。
.m3u8 に慣れていない方は先にこちら：M3U8 ファイルとは。
1. こんな人向け
キャンペーンページにライブを載せたいマーケの方、ステージング用に正しい iframe が欲しい開発の方——本質は同じで、HLS ストリームを Web ページに埋め込むことです。ジェネレーターは現時点では M3U8（HLS） のみ対応です。埋め込みページの URL と iframe は同じ再生ページ向けです。用途に合わせてどちらかをコピーしてください。
2. まだ M3U8 のアドレスがない？ 先に URL を用意する
多くの人がここでつまずきます。画面上では動画が見えるのに、.m3u8 に何を入れればいいか分からない。 埋め込みツールが必要とするのは 直接アクセスできる M3U8 プレイリストの URL なので、ページやネットワークから取り出す必要があります。
手軽な方法のひとつは、Chrome の無料拡張機能 The Stream Detector です。動画がちゃんと再生できるページで拡張機能を開くと HLS の URL が並び、選んでコピーできます。おおまかな流れ：Chrome ウェブストアからインストール → ツールバーに固定 → 動画ページに戻る（必要なら再読み込み）→ バッジや一覧に従って URL をコピー。
インストールリンクや画面付きの手順、ダブルクリックでコピーは別記事にまとめています：
開発者ツール派なら ネットワーク タブで m3u8 や manifest を絞り込み、マスタープレイリストの URL をコピー——少しハードルは高いですが目標は同じで、最終的なプレイリストの https の URL が欲しいです。
URL が取れたら、M3U8 オンラインプレーヤー で試し再生し、問題なく再生でき埋め込み権限も問題ないことを確認してから、埋め込み生成に進みましょう。
3. 始める前にそろえるもの
- 再生できる M3U8 の URL（できれば
https://で、自分のサイトで公開してよい権利があること）。まだ見つけ方が分からない場合は前節と M3U8 アドレスを見つけるベストな方法 を参照してください。 - 埋め込みページを開いたときに自動再生を試みるか——オンにするとリンクにパラメータが付きます。実際に自動再生できるかはブラウザのポリシー次第です（後述）。
自分のストリームがなくても、まず UI を試したい場合は次の公開テストストリームが使えます：
https://test-streams.mux.dev/x36xhzz/x36xhzz.m3u8
4. 3 ステップで完了
ステップ 1：ページを開いて URL を貼る
- M3U8 埋め込みコードジェネレーター を開く
- M3U8（HLS）URL にプレイリストを貼る
- 埋め込み形式 は現状 M3U8（HLS） のみ（今後追加があればここで選択）
ステップ 2：自動再生するか
埋め込みページで自動再生を試みる をオンにすると、生成されるリンクに autoplay=true が付きます。プレイヤーは自動開始を試みますが、音声付きの自動再生はブラウザにブロックされやすく、ミュートやユーザーのクリック後の方が安定しがちです。
ステップ 3：必要な方をコピー
次の 2 ブロックがあります。
- 埋め込みページの URL：チャットやメール、ドキュメント、CMS の「リンク挿入」向け
- iframe の HTML：テンプレートを自分で触り、表示したい位置にそのまま貼りたいとき
不安なら プレビューを新しいタブで開く で確認してから、本番にコピーしましょう。
5. リンクに付くパラメータ（ざっくり）
ジェネレーターは選択内容を クエリ文字列 に書き込みます。再生まわりで主なのは次の 2 つです。
| パラメータ | 意味 | 補足 |
|---|---|---|
video_url | ストリーム URL | アドレス内の & や ? が壊れないよう URL エンコード されます。 |
autoplay | 自動再生を試すか | true は「試す」という意味で、最終判断はブラウザです。 |
形の例（実際にコピーした文字列を正としてください）：
https://m3u8player.app/ja/embed/m3u8/?video_url=…&autoplay=true
自動再生をオフにすると、通常は autoplay=true は付きません。
6. つまずきやすい点
- 権利：見られるからといって、公に埋め込んでよいとは限りません。
- 届くかどうか：CORS や社内限定のストリームでは、訪問者側でも再生できません。ページが HTTPS ならストリームも HTTPS が無難です。
- 自動再生：パラメータを付けても毎回自動再生できるとは限りません。プレビューと実機の両方で確認してください。
- 形式：このジェネレーターは M3U8（HLS） 専用です。普通の MP4 直リンクはこの流れの対象外です。
7. サイト内の他ページとの役割分担
ブラウザでさっと再生して画質を切り替えたい：M3U8 オンラインプレーヤー。
セグメントを保存したい：M3U8 オンラインダウンローダー（利用は適法な範囲で）。
埋め込みジェネレーターは リンクと iframe を組み立てるためのページです。
まだ M3U8 が取れていないときは、先に M3U8 アドレスを見つけるベストな方法 を読み、戻ってきてください。
まとめ
一行で言うと：URL の探し方が分からない → M3U8 アドレスを見つけるベストな方法 を読み、The Stream Detector かネットワークタブで URL を取る → 埋め込みジェネレーター を開く → M3U8 を貼る → 自動再生の有無を選ぶ → URL か iframe をコピー。 video_url と任意の autoplay=true はジェネレーターが組み立てます。まずテストストリームで一通り試してから、自分の URL に差し替えるとスムーズです。
