Twitch 埋め込みコードジェネレーター
Twitch動画のレスポンシブiframeをウェブサイトに追加する無料ツール。
カスタマイズオプション
- Twitch URL
動画、チャンネル、チャット、クリップ、コレクションに対応
- あなたのサイトURL
この埋め込みコードを追加するウェブサイト - 「親」サイトとも呼ばれます
- サイズ設定
- レスポンシブ
- アスペクト比ワイドスクリーン [16:9]
- 幅 (px)
- 高さ (px)
- 動画設定
- 自動再生
- ミュート
- 開始時間
Twitch 埋め込みコード
このツールでTwitch動画を埋め込む方法

Twitchの動画リンクを貼り付ける
左カラム上部のURLフィールドにTwitchの動画リンクを貼り付けてください。

Twitchプレーヤーのオプションを設定
Twitchプレーヤーは配信、クリップ、ライブチャンネル、チャット、動画、コレクションなど多くのカスタマイズオプションに対応しています!

生成されたHTMLコードをコピー
Twitch動画の埋め込みHTMLコードをコピーしましょう!WordPressサイト、PowerPointプレゼンテーション、メールなどでご利用いただけます。
Twitch埋め込みジェネレーターの対応オプション
Twitchの埋め込みオプションの説明です。以下のオプションを使用して、ウェブサイトに埋め込むTwitchのHTML iframeコードを改善しましょう。
レスポンシブ
「レスポンシブ」オプションは、Twitchの埋め込み動画をウェブサイトやHTMLコンテナの幅いっぱいに拡大します。
アスペクト比
「アスペクト比」オプションは、埋め込まれたTwitchプレーヤーの形状を常に維持します。
幅と高さ
レスポンシブオプションがオフの場合にのみ表示されます。 埋め込みTwitchプレーヤーの幅と高さを手動で設定できます。 アスペクト比オプションが設定されている場合、高さは幅に基づいて自動的に再計算されます。
あなたのウェブサイトURL(親サイト)
Twitchの埋め込み配信や動画には「親」サイトのオプション設定が必要です。例えば、Twitchの埋め込みコードを「example.com」に貼り付ける場合は、「親」オプションを「https://example.com」に設定してください。
自動再生
「自動再生」オプションは、Twitchプレーヤーの読み込み時に埋め込み動画を自動的に再生するかどうかを指定します。
ミュート
Twitchの埋め込み配信や動画の音声をミュートにします。
開始時間
「開始時間」オプションは、Twitchの埋め込み動画を指定した時間から再生します
チャットを表示
現在のTwitchユーザーのライブ配信用埋め込みTwitchチャットを表示します。このオプションは、「Twitch URL」オプションにTwitchアカウントを貼り付けた場合にのみ表示されます。
Twitchのiframe埋め込みオプションは以下に基づいています:https://dev.twitch.tv/docs/embed
対応するTwitchのURL
動画URL
https://twitch.tv/videos/<video-id>
https://twitch.tv/<channel-name>/video/<video-id>
https://www.twitch.tv/videos/<video-id>
https://www.twitch.tv/<channel-name>/video/<video-id>
コレクションURL
https://twitch.tv/collections/<collection-id>
https://twitch.tv/<channel-name>/collection/<collection-id>
https://www.twitch.tv/collections/<collection-id>
https://www.twitch.tv/<channel-name>/collection/<collection-id>
クリップURL
https://twitch.tv/<channel-name>/clip/<clip-id>
https://www.twitch.tv/<channel-name>/clip/<clip-id>
チャンネルURL
https://twitch.tv/<channel-name>
https://www.twitch.tv/<channel-name>