YouTube埋め込みジェネレーター
はじめに
ToollectのYouTube埋め込みジェネレーターは、任意のYouTubeビデオURLや単体のビデオIDを、ワンクリックでコピー可能なiframeコードに変換します。リンクを貼り付け、プレーヤーの動作を選び、生成、プレビュー、コピー、貼り付け。全フローは数秒で完了し、各オプションは現在もサポートされている実際のYouTubeパラメーターに対応します。
このツールが解決するのは面倒な作業です。公式の共有ダイアログはサイズもアスペクト比も動作も制御できない固定のiframeを1つ渡すだけで、YouTubeの埋め込み方法を解説するどのチュートリアルも、URLに手書きで書き込む必要のあるパラメーターのリストへ誘導します。このツールがその組み立てを肩代わりします。アスペクト比を選べば反対側の寸法は自動計算され、ノーCookieモード、ループ、コントロールを切り替え、エディターを開くことなく動画を開始・終了時刻で切り抜けます。
ジェネレーターは意図的に単一動画専用のツールです。実際のYouTubeリンクの全形式、watch URL、youtu.beの短縮リンク、Shorts、ライブ、単体のビデオIDまでを受け付け、すべてを正規の埋め込みURLに正規化します。すべてはお使いのブラウザー内で行われ、APIキーもアカウントも不要で、リンクに関する情報がデバイスの外に出ることはありません。唯一のネットワークリクエストは正直なものです。コピー前に結果を確認できるよう、実際のプレーヤーiframeを読み込むライブプレビューです。
使用例
YouTube動画の埋め込みはブログ記事以外にもさまざまな場所に登場し、オプションはそれぞれの文脈で異なる意味を持ちます。
- ブログ・記事ページ。 560×315の16:9プリセットはほとんどのCMSテーマの想定に合い、ノーCookieドメインはデフォルトでGDPRに配慮した埋め込みを維持します。
- コース・ドキュメントページ。 startとendで長い講義の正確な範囲を学生に見せられます。生成コードは生のHTMLを受け付けるどの学習プラットフォームでも動作します。
- Shortsと縦型コンテンツ。 9:16プリセットは縦型動画用に360×640のスマホ型プレーヤーを生成します。他のジェネレーターの大半はこれすら提供していません。
- キオスク・案内ディスプレイ。 プレーヤーコントロールをオフにすれば、気が散らないきれいな再生面になり、必要ならループスイッチで連続上映も可能です。
- デザインプロトタイプ。 カスタムアスペクト比モードは144〜3840ピクセルの任意の幅と高さを受け付けるので、FigmaやHTMLのプロトタイプにピクセル単位の正確なサイズで動画を配置できます。
- プライバシー重視のサイト。 ここではノーCookieドメインがデフォルトですが、公式ダイアログは手動で変更することを知らない限り、常にwww.youtube.comのURLを生成します。
仕組み
ジェネレーターは2段階のパイプラインで、どちらも完全にブラウザー内で動作します。
ステージ1、ID抽出。 URLパーサーは一般的なYouTubeリンクの形式をすべて認識し、11文字のビデオIDを取り出します。YouTubeの埋め込みプレーヤーが必要とするのはこのIDだけです。単体のIDも受け付けるので、アドレスバーやデータベースからコピーしたIDを貼り付けられます。
ステージ2、コード組み立て。 IDが埋め込みURLのテンプレートに挿入され、有効化した各オプションがクエリパラメーターを追加します。
https://www.youtube-nocookie.com/embed/dQw4w9WgXcQ?autoplay=1&start=30
iframeタグは、明示的な幅・高さ属性、アクセシビリティのタイトル、標準のallow許可リスト、allowfullscreen付きで組み立てられます。YouTubeの特性のひとつが自動処理されます。ループする単一動画は1項目のプレイリストとして提示する必要があるため、ループスイッチはloop=1とplaylist=VIDEO_IDをまとめて追加します。2つ目のパラメーターがないと、YouTubeはループを静かに無視します。
プレビューは生成コードに含まれるものと同じiframeです。このツールは模造品ではなく本物のプレーヤーをレンダリングします。プレビューで見えるものは訪問者が見るものとまったく同じで、削除済み・非公開・利用不可の動画をYouTube自身がどう表示するかも含まれます。
対応URL形式
パーサーは単一の動画を特定するすべての形式を受け付け、そうでない形式はすべて拒否します。
受け付けられる形式
| URL形式 | 例 |
|---|---|
| watch URL | https://www.youtube.com/watch?v=dQw4w9WgXcQ |
| 短縮リンク | https://youtu.be/dQw4w9WgXcQ |
| embed URL | https://www.youtube.com/embed/dQw4w9WgXcQ |
| Shorts URL | https://www.youtube.com/shorts/dQw4w9WgXcQ |
| live URL | https://www.youtube.com/live/dQw4w9WgXcQ |
| /v/ URL | https://www.youtube.com/v/dQw4w9WgXcQ |
| ノーCookieドメイン | https://www.youtube-nocookie.com/embed/dQw4w9WgXcQ |
| 単体のビデオID | dQw4w9WgXcQ |
&t=42sや&list=PL...などの追加クエリパラメーター付きのwatch URLも正しく解析されます。ジェネレーターはIDを抽出して残りを無視します。埋め込みパラメーターはリンクからコピーするのではなく、お使いの設定から再構築されるためです。
拒否される形式
| URL形式 | 拒否される理由 |
|---|---|
| プレイリストリンク | youtube.com/playlist?list=PL...はプレイリストを特定し、単一の動画ではない |
| チャンネルページ | youtube.com/@channelにはビデオIDがない |
| 検索URL | youtube.com/results?search_query=...にはビデオIDがない |
| ユーザーページ | youtube.com/user/nameにはビデオIDがない |
| IDなしのShorts | youtube.com/shorts/はインデックスページであり、動画ではない |
埋め込みコードの構造
生成されるiframeはコンパクトで、各部分に役割があります。16:9の標準出力は次のとおりです。
<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/dQw4w9WgXcQ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
| 属性 | 役割 |
|---|---|
| width / height | プレーヤーのサイズ（ピクセル）。幅を変更すると選択中のアスペクト比から高さが再計算され、その逆も同様です。 |
| src | 埋め込みURL。デフォルトのホストはwww.youtube-nocookie.comで、ノーCookieモードをオフにするとwww.youtube.comに切り替わります。クエリパラメーターがプレーヤーのオプションを運びます。 |
| title | スクリーンリーダーがフレーム用に読み上げるアクセシブルな名前。生成コードがYouTube自身の公開内容と一致するよう、YouTubeの公式デフォルト値を維持しています。 |
| frameborder | 古いHTMLバリデーターとの互換性のためのレガシー属性。最新ブラウザーでは視覚効果はありません。 |
| allow | 埋め込みプレーヤーの権限ポリシー。公式のYouTube埋め込みと同じく、フルスクリーンと自動再生が可能です。 |
| referrerpolicy | refererヘッダーで送信する内容をブラウザーに指示します。strict-origin-when-cross-originは最新のデフォルト値で、オリジンのみを公開し、ページの完全なURLは決して公開しません。 |
| allowfullscreen | プレーヤーの全画面ボタンを有効にします。 |
srcのクエリパラメーターが設定可能な部分です。autoplay=1、loop=1&playlist=ID、controls=0、start=秒、end=秒は対応するオプションを有効にした場合のみ出現するため、最小構成の埋め込みはパラメーターを一切持ちません。
埋め込みオプション
設定パネルの各オプションは、最終的なURLのパラメーターに対応します。
| 設定 | パラメーター | デフォルト | 備考 |
|---|---|---|---|
| アスペクト比 | – | 16:9 | プリセットは16:9、4:3、3:4、9:16、1:1とカスタム。プリセットを選ぶとその比の標準サイズが入ります。16:9は560×315、9:16は360×640になります。 |
| 幅 / 高さ | – | 560×315 | 一方のフィールドを編集すると、アクティブな比からもう一方が再計算されます。カスタムモードは計算を無効にし、両方の値を独立して保持します。範囲144〜3840 px。 |
| ノーCookieモード | ホスト切替 | オン | 動画が再生されない限りYouTubeが訪問者情報を保存しないwww.youtube-nocookie.comを使用します。 |
| 自動再生 | autoplay=1 | オフ | 注: ブラウザーは音付きの自動再生をやはりブロックします。FAQを参照してください。 |
| ループ | loop=1&playlist=ID | オフ | playlistパラメーターは自動で追加されます。これがないとYouTubeはループを無視します。 |
| プレーヤーコントロールを表示 | オフ時にcontrols=0 | オン | オフにするとコントロールバーが隠れ、すっきりした再生面になります。 |
| 開始位置 | start=秒 | オフ | 時・分・秒のフィールド。URLでは秒に変換されます。 |
| 終了位置 | end=秒 | オフ | 指定した時点で再生を停止し、元の動画を編集せずに範囲を切り抜きます。 |
幅・高さの自動計算は整数ピクセルに丸め、144〜3840の範囲に制限します。プリセットは正確な比なので、560×315や360×640のような標準ペアはピクセル単位で正確です。正確なサイズが必要な場合に丸め誤差と戦う必要はありません。
パラメーターリファレンス: 2026年現在も機能するもの
YouTubeは多くのサイトが知っている以上に多くの埋め込みパラメーターを廃止しており、古いチュートリアルは今も死んだパラメーターを推奨しています。以下は2026年現在、インターネットで遭遇するパラメーターの状況を、公式プレーヤードキュメントと照合したものです。
現在も機能するもの
| パラメーター | 2026年の効果 |
|---|---|
| autoplay | 再生を開始（ブラウザーの音声ポリシーに従う） |
| loop + playlist | 動画をループ再生（ペアで維持が必要） |
| controls | 0でコントロールバーを非表示、2で全画面ボタンも非表示 |
| start / end | 開始・終了ポイント（秒） |
| cc_load_policy | 1で字幕を強制表示 |
| cc_lang_pref | 字幕の言語を指定 |
| hl | プレーヤーのインターフェース言語を指定 |
| color | color=whiteでプログレスバーを白に変更（コントロール表示時のみ） |
| fs | 0で全画面ボタンを非表示 |
| disablekb | 1でプレーヤーのキーボード操作を無効化 |
| rel | 0で関連動画を同一チャンネルに限定（削除は不可） |
廃止され効果がないもの
| パラメーター | 何が起きたか |
|---|---|
| modestbranding | 2023年8月に廃止。ロゴは常に表示されます |
| showinfo | 2018年9月に廃止。タイトルは常に表示されます |
| autohide | 廃止。パラメーターは無視されます |
| theme | 廃止。ダークプレーヤーのみが存在します |
| vq | 何年も前から無効。初期画質を強制できません |
| iv_load_policy | アノテーションがYouTubeから削除され、制御対象がありません |
ジェネレーターは、現在も機能し、埋め込みを行う大半の人が実際に必要とするパラメーターだけを意図的に公開しています。機能するもののニッチな集合、fs、hl、color、disablekb、cc_load_policyは意図的にUIの外に置かれています。出力は単純なURLなので、ジェネレーターが生成したものを壊すことなく、誰でも手で&fs=0や&cc_load_policy=1を追加できます。
使い方
- YouTubeのビデオURLか単体のビデオIDを入力フィールドに貼り付け、生成ボタンを押すか、Enterキーを押します。
- 埋め込みコードが出力エリアに表示され、ライブプレビューが自動で下に開きます。
- オプションを調整します。アスペクト比、幅または高さ、ノーCookieモード、自動再生、ループ、コントロール、開始・終了時刻。変更のたびにコードとプレビューが即座に更新されます。
- プレビューを確認します。本物のプレーヤーなので、再生を押して早送りし、開始・終了ポイントを視覚的に検証できます。
- コピーをクリックし、iframeをページ、CMS、HTMLブロックに貼り付けます。
URLにビデオIDが含まれていない場合は、赤いエラーメッセージが何が期待されていたかを説明します。クリアは入力、コード、プレビューを一度にリセットします。
チュートリアル
例1、講義の一部を切り抜いてループ。 コースページに12分のレッスンが必要ですが、元の動画は40分で、該当部分は3:05〜12:30。復習したい学生のためにループさせます。
- watch URLを入力フィールドに貼り付け、生成を押します。
- 16:9の比と幅560はすでに正しいので、そのままにします。
- 開始の分フィールドに3、秒フィールドに5を入力します。
- 終了の分フィールドに12、秒フィールドに30を入力します。
- ループをオンにします。
- コードにstart=185&end=750&loop=1&playlist=VIDEO_IDが含まれます。
- iframeをコピーしてコースページに貼り付けます。
例2、縦型フォーマットのShorts動画。 モバイル向けの記事が9:16のShortsを埋め込みます。
- Shorts URLを貼り付けます。https://www.youtube.com/shorts/... は他のリンクと同じように認識されます。
- 9:16の比を選択します。幅は自動的に360、高さは640になります。
- 自動再生はオフのままにします。モバイルブラウザーがブロックするためです。
- 生成、プレビュー、コピー。iframeはスマホ型で、縦型メディア向けに作られたコンテンツカラムに収まります。
プロのヒント
- 編集なしで切り抜き。 startとendは再エンコードも再アップロードも画質劣化もない範囲クリップを作成します。プレーヤーが開始ポイントへジャンプし、終了ポイントで停止するだけです。
- EU向けトラフィックはノーCookieホストを維持。 youtube-nocookie.comは動画が再生されない限り訪問者情報を保存しないため、通常ドメインより同意の手続きが楽になります。
- 自動再生とミュートを手動で組み合わせる。 本当にautoplayが必要なら、生成されたsrcに&mute=1を追加します。ブラウザーは音なしの自動再生を許可し、訪問者はワンタップで音をオンにできます。
- プレビューを品質管理に使う。 プレビューは本物のプレーヤーなので、削除済み・非公開の動画はそこでYouTube自身のエラーメッセージを表示します。死んだiframeを静かに本番に送り込むことはありません。
- カードやリスト用のミニ埋め込み。 144 pxの最小値は、ホバープレビュー付きカードのサムネイルサイズのプレーヤーに対応します。大きなプレーヤーだとレイアウトが崩れる場所です。
- 変わったレイアウトにはカスタム比。 サイドバー、縦型の記事カラム、ソーシャルプルーフのセクションは非標準サイズを求めることがよくあります。カスタムモードは幅と高さを独立して保持します。
- バッチ生成。 URLをフィールドに残したままオプションを切り替えると、変更のたびに即再生成されます。ループ付き切り抜きiframeとシンプルなバリアントが、数分ではなく数秒で得られます。
代替手段
| 代替手段 | 強み | 弱み |
|---|---|---|
| YouTube公式の共有ダイアログ | 公式で常に最新 | 16:9固定サイズ、比のプリセットなし、開始・終了フィールドなし、常にwww.youtube.comホスト |
| YouTubeのoEmbed | 動画タイトル自動のiframeを返す | サーバーかfetchが必要、パラメーター制御なし、JavaScriptのインフラが必要 |
| URLを手でコピー | 学ぶことがない | 各オプションが手動のURL編集、ミスしやすい、死んだパラメーターが潜む |
| このジェネレーター | ワンクリック、比のプリセット、デフォルトのノーCookieホスト、開始・終了フィールド、即時プレビュー | 意図的に単一動画専用、プレイリストの埋め込みは不可 |
YouTubeの共有ダイアログとの比較
YouTube自身の「共有 → 埋め込む」フローは、固定のiframeが1つあれば十分な場合には適しています。ダイアログは560×315のプレーヤー、切り替えられるチェックボックス1つ、www.youtube.comのURLを返します。それがすべてです。
ジェネレーターはダイアログが単純に対応していないケースをカバーします。9:16のShortsプレーヤー、3:4や1:1のタイル、ピクセル単位の正確なサイズ、デフォルトのプライバシー配慮ホスト、URLを手で編集しない開始・終了の切り抜き、そしてplaylistパラメーターを自動追加するため本当に機能するループです。ダイアログが生成するものはすべてジェネレーターも生成し、さらにダイアログにないライブプレビューも提供します。
埋め込みジェネレーターと埋め込みチェッカーの違い
このサイトはYouTube埋め込みチェッカーもホストしており、2つのツールは競合ではなく補完関係にあります。
| 質問 | 埋め込みチェッカー | 埋め込みジェネレーター |
|---|---|---|
| この動画はそもそも埋め込み可能？ | oEmbed・プレーヤー・再生テストで判定を返す | 可能とみなしてコードを生成 |
| 動画のタイトル・作者・長さは？ | 表示する | 設計上メタデータを取得しない |
| 埋め込みコードをください | いいえ、診断のみ | はい、オプションの完全制御付き |
| 怪しいリンクを先に検証？ | はい、それが役割 | 必要なら結果をそのまま貼り直せる |
埋め込み可能性に確信が必要ならリンクを先にチェッカーへ、コードが必要なら次にジェネレーターへ通します。2つは同じURLパーサーを共有するため、チェッカーが受け付けるものはジェネレーターも解析します。
できないこと
- メタデータの取得。 ジェネレーターはYouTube APIを呼び出さないため、タイトルや作者を事前入力できません。これはコードツールであり情報ツールではありません。それができるのは姉妹ツールのチェッカーです。
- プレイリストの埋め込み。 プレイリストのリンクは拒否されます。プレイリスト埋め込みは独自のパラメーターセットを持つ別機能であり、単一動画ツールの範囲外と意図的にしています。
- iframeタイトルの編集。 title属性はYouTube公式の「YouTube video player」を維持します。スクリーンリーダーには一貫したラベルが提供され、出力はYouTube自身の公開内容と一致します。
- 関連動画の削除。 どのパラメーターでもできません。FAQを参照してください。
- 自動再生の強制。 ブラウザーがブロックするため、このツールが静かにmuteを埋め込みに追加することもありません。
- アップロードや保存。 生成は100 %ローカルです。次のセクションを参照してください。
トラブルシューティング
| 問題 | 考えられる原因 | 解決策 |
|---|---|---|
| プレビューにYouTubeの「動画を利用できません」が表示される | 動画が削除済み、非公開、または地域制限付き | サイトでも同じように失敗するため、別の動画を選ぶ |
| 自動再生が始まらない | ブラウザーが音付きの自動再生をブロック | 生成されたsrcに&mute=1を追加 |
| 動画が1回再生して止まる | 手動編集でloop=1がplaylistのペアを失った | loop=1&playlist=VIDEO_IDをセットのままにするか再生成 |
| 開始・終了時刻が無視される | 終了が開始より前、または範囲が動画の長さを超える | 時刻の順序と動画の長さを確認 |
| サイトでプレーヤーが表示されない | サイトのContent Security Policyがiframeをブロック | CSPにframe-src https://www.youtube-nocookie.com https://www.youtube.comを追加 |
| プレーヤーは表示されるがコントロールがない | コントロールのスイッチがオフ | 「プレーヤーコントロールを表示」をオンにして再生成 |
| 生成を押しても何も起きない | URLにビデオIDがない | 上の表の対応形式を使う |
プライバシーとデータ処理
このツールはサイトのプライバシースペクトルで最もクリーンなカテゴリーに属します。生成中はリクエストがゼロです。
- 生成は完全にローカル。 URLはブラウザー内で解析され、iframeもそこで組み立てられます。Toollectのサーバーに送信されるリクエストはなく、ログも取られません。
- プレビューは本物のプレーヤーを読み込む。 プレビューが開いている間、ブラウザーは動画を埋め込むどのページと同様にYouTubeの埋め込みドメインと通信します。
- デフォルトホストはプライバシー配慮。 生成コードはwww.youtube-nocookie.comを使用し、訪問者が動画を再生しない限りYouTubeは情報を保存しません。プライバシーオプションをオフにするとwww.youtube.comに切り替わります。同じプレーヤーで通常のトラッキング動作となり、公式ダイアログが常に生成するものと同じです。
技術仕様
- 入力形式 – watch、embed、Shorts、live、/v/ URL、youtu.be、ノーCookieドメインのURL、11文字の単体ビデオID。
- 出力 – 明示的な寸法、アクセシビリティのタイトル、権限ポリシー、allowfullscreenを持つ単一のiframeタグ。
- 対応パラメーター – autoplay、loop + playlist、controls、start、end、ノーCookieモードのホスト切替。
- アスペクト比 – 16:9、4:3、3:4、9:16、1:1のプリセットと自由なカスタムモード。反対側の寸法はピクセル丸めで計算。
- サイズ範囲 – 両軸とも144〜3840ピクセル。
- 処理 – 完全にブラウザー内、生成中のネットワークリクエストなし。
- ブラウザー互換性 – すべての最新ブラウザー。生成コードはiframeをレンダリングできるブラウザー、つまりすべてのブラウザーで動作します。
機能
- 任意のビデオURLや単体のビデオIDからYouTubeのiframe埋め込みコードをワンクリックで生成
- アスペクト比のプリセット、16:9、4:3、3:4、Shorts用9:16、1:1、カスタムに対応し、反対側の寸法を自動計算
- プライバシー配慮のyoutube-nocookie.comドメインをデフォルトで使用
- 編集不要で動画を切り抜き、開始・終了時刻を時:分:秒で指定
- 自動再生、ループ、プレーヤーコントロールのオプション、コピー前のライブプレビュー
- 100 %ブラウザ内で生成、APIキー不要、アカウント不要、アップロードなし