M3U8 HLSの直接プレーヤーリンクを生成
URLパラメータが、公開ストリームのアドレスと選択された起動時の動作を専用プレーヤールートに渡します。
コピーしてすぐ使えるHLSプレーヤーコード
レスポンシブHLS iframeコード向けの無料M3U8埋め込みプレーヤー生成ツール
HLSプレーヤーの直接URLと、自動再生、ミュート、全画面、ピクチャーインピクチャーの権限を備えた標準準拠のiframeを作成します。
アップロード不要 登録不要 ウォーターマークなし
ツールを開く レスポンシブなHLS iframe埋め込みコードをコピー
生成されるiframeには、タイトル、遅延読み込み、全画面、自動再生、ピクチャーインピクチャーの権限が含まれます。
公開前にM3U8埋め込みをプレビュー＆テスト
生成されたプレーヤーをライブプレビューで読み込むか、直接リンクを別タブで開けます。
HLSストリーム向けのM3U8 iframe埋め込みコードを生成する方法
公開プレイリストを貼り付け、プレーヤーが自動再生とミュート起動を要求するかどうかを選んで、iframeコードをコピーします。サイトにマークアップを追加する前にテストしてください。
自分のレイアウトでは、aspect-ratio: 16 / 9 や width: 100% などのCSSでiframeのアスペクト比をレスポンシブに保ってください。
HLS埋め込みプレーヤーのCORS・自動再生・ブラウザ要件
iframeはソースのアクセス規則を変えません。HLS配信元は、埋め込みプレーヤーからのクロスオリジンのプレイリスト・セグメントリクエストを許可する必要があります。
自動再生は要求であって保証ではありません。ブラウザは、音声の状態、デバイス設定、ユーザーの操作履歴、省電力ポリシーに基づいてブロックすることがあります。
関連する無料オンライン変換ツール
よくある質問
M3U8埋め込み生成のよくある質問
ブラウザ対応、プライバシー、ソースへのアクセス、出力の動作について、要点を簡潔に解説します。
WebサイトにM3U8 HLSストリームを埋め込むにはどうすればよいですか？
公開プレイリストを貼り付け、自動再生とミュートの動作を選び、生成されたiframeをコピーして、自分が管理するHTMLに追加してください。
自動再生にミュートが必要なのはなぜですか？
最新のブラウザは通常、音声ありの自動再生をブロックします。ミュートで開始すると互換性が向上しますが、各ブラウザのポリシーに従います。
iframeはHLS動画をプロキシまたはホストしますか？
いいえ。埋め込みプレーヤーはプレイリストとセグメントを直接リクエストします。そのためメディアサーバーがCORSアクセスを許可し、利用可能であり続ける必要があります。