M3U8 埋め込みガイド:iframe と埋め込みリンクの生成手順

Like M3u8Player.app? Please share!

M3U8(HLS) ストリームを公式サイト・ブログ・ドキュメントに載せたくても、自前バックエンドやプレイヤー実装まで踏み込みたくない場合は、サイトの M3U8 埋め込みコードジェネレーター を使うのが手早いです。ストリーム URL を貼り、自動再生を試すかどうかを選ぶと、埋め込みページ URLiframe HTML のどちらかをコピーできます。対応は現時点で M3U8(HLS)のみ。どちらも同じ再生ページを指します。

.m3u8 に慣れていなければ先に:M3U8 ファイルとは

URL がまだない:到達可能な M3U8 を用意する

埋め込みツールが要するのは ブラウザが直接リクエストできる M3U8 プレイリストの URL です。ページ上で再生できていても、その URL をまだ持っていないことはよくあります。ページやネットワークから取り出します。

手軽な方法は Chrome 拡張 The Stream Detector。動画が実際に再生されているタブで拡張を開き、一覧から HLS の URL を選んでコピー。Chrome ウェブストアからインストール → ピン留め → 動画のタブに戻る(必要なら再読み込み)→ 一覧からコピー。

インストールリンク・スクリーンショット・ダブルクリックコピーは M3U8 アドレスを見つける最適な方法 を参照。

開発者ツール派は Networkm3u8 または manifest を絞り込み、マスタープレイリストの https URL をコピーします。

取得後は M3U8 オンラインプレーヤー で試再生し、埋め込み権限も確認してから埋め込みコードを生成してください。

始める前に

  1. 再生できる M3U8 URL(できれば https://、サイト上で再生する権利あり)。見つけ方は前段と M3U8 アドレスを見つける最適な方法
  2. 埋め込みページ読み込み時に自動再生を試すか:オンにするとリンクに autoplay が付きます。実際に自動再生できるかはブラウザのポリシー次第(下記)。

手元にストリームがないときは公開テスト用:

https://test-streams.mux.dev/x36xhzz/x36xhzz.m3u8

手順

1. ジェネレーターを開いて URL を貼る

ジェネレーターに M3U8 URL を貼り付ける

  1. M3U8 埋め込みコードジェネレーター を開く
  2. M3U8(HLS)URL にプレイリストを貼り付ける
  3. 埋め込み形式 は現状 M3U8 (HLS)。他形式が追加されたらここで選ぶ

2. 自動再生

埋め込みページで自動再生を試す(ブラウザのポリシーによりユーザー操作が必要な場合があります) をオンにすると、リンクに autoplay=true が含まれます。音声付きの自動再生はブロックされがちです。ミュートやクリック後再生の方が確実なことが多いです。

3. 必要な方をコピー

埋め込みリンクと iframe コードをコピー

  • 埋め込みページ URL:チャット、メール、ドキュメント、CMS のリンク挿入など
  • iframe HTML:テンプレートを自分で握り、インラインでプレイヤーを置くとき

不安なら先に 新しいタブでプレビューを開き、問題なければ本番に貼り付け。

クエリパラメータ

選択内容はクエリ文字列に書き出されます。再生に直結するのは主に次の 2 つです。

パラメータ意味説明
video_urlストリーム URLURL エンコード 済みで、ストリーム内の &? でリンクが壊れないようにする
autoplay自動再生を試すtrue は「試す」指定。結果はブラウザが決める

形の例(実際はページでコピーしたものを使う):

https://m3u8player.app/ja/embed/player/?video_url=…&autoplay=true&type=m3u8

自動再生をオフにすると、通常 autoplay=true は付きません。

注意点

  • 権利:再生できるからといって公開埋め込みが許されるとは限りません。ライセンスを確認してください。
  • 到達性:CORS や社内限定ストリームでは視聴者側も失敗します。サイトが HTTPS ならストリームも HTTPS を推奨します。
  • 自動再生:フラグがあっても毎回成功するとは限りません。プレビューと実機の両方で確認してください。
  • 形式:この手順は M3U8(HLS) のみ。MP4 直リンクなどは対象外です。

サイト内:M3U8 オンラインプレーヤー で試聴・画質切替、M3U8 オンラインダウンローダー でセグメント取得(利用と法令遵守は自己責任)。URL がまだない場合は先に M3U8 アドレスを見つける最適な方法、続いて本ページのジェネレーターへ。

まとめ

The Stream Detector か Network で https のプレイリスト URL を用意し、必要なら M3U8 アドレスを見つける最適な方法 を参照。埋め込みジェネレーター に貼り、自動再生の有無を選び、URLiframe をコピー。video_url と任意の autoplay=true はジェネレーターが組み立てます。まずテストストリームで流れを確認し、自分の URL に差し替えてください。