YouTube埋め込みコードジェネレーター
YouTubeのURLまたは動画IDを貼り付けてカスタマイズ可能なiframe埋め込みコードを生成します。自動再生、ループ、コントロール、開始/終了時間、サイズ、プライバシーモードをトグルしながらライブプレビューで確認できます。1行のコピー即使用可能な埋め込みコードをコピーします。
視聴URL、<code>youtu.be</code>ショートリンク、<code>/shorts/</code> URL、または11文字の動画IDが使えます。
URLを貼り付ける
視聴URL、/shorts/リンク、youtu.beショートリンク、または11文字の動画IDを貼り付けます。IDを抽出してライブプレビューを読み込みます。
再生をカスタマイズ
自動再生、ループ、コントロールをトグルします。開始/終了時間を秒数またはMM:SS形式で設定します。縦横サイズを16:9ロック付きで選択し、プライバシーモードを選択します。
コピー&ペースト
「コピー」をクリックして1行のiframeをクリップボードにコピーし、HTML、Markdown、CMS、またはリッチテキストエディターに貼り付けます。プレーヤーは最初のペイントで読み込まれます。
YouTubeの視聴URL、youtu.beリンク、/shorts/ URL、または11文字の動画IDを貼り付けると、カスタマイズ可能な<iframe>埋め込みコードを作成します。自動再生、ループ、コントロールのトグル、開始/終了時間の設定、縦×横の選択(16:9ロック対応)、プライバシーモード(youtube-nocookie.com)または標準から選択できます。ライブプレビュー付き、コピー即使用可能、アップロード不要、登録不要。
YouTube埋め込みコードジェネレーターとは?
YouTube埋め込みコードとは、自分のページにYouTubeプレーヤーを読み込む小さな<iframe>スニペットです。ブラウザはYouTubeからプレーヤーを取得し、フレーム内で動画を再生して、ユーザー操作をYouTubeのIFrame Player API経由で処理します。フレームのsrc URL(https://www.youtube.com/embed/{videoId})がYouTubeが実際に読み取る唯一の要素で、それ以外(autoplay、loop、controls、start/end)はロード時にプレーヤーが確認するクエリパラメータとして付加されます。
このジェネレーターがそのスニペットを作成します。視聴URL、youtu.beショートリンク、/shorts/リンク、または11文字のIDを貼り付け、再生オプションのトグルを切り替えてコードをコピーするだけです。出力は単一のiframe — JavaScriptも、サードパーティのローダーも、インストール不要。HTML、Markdown、CMSのリッチテキスト、Notionページ、Substackの投稿など、埋め込みが許可されている場所ならどこにでも貼り付けられ、最初のロード時にプレーヤーが表示されます。
なぜ埋め込みをカスタマイズするのか?
デフォルトは埋め込みがページの主役の場合には問題ありませんが、ヒーロー動画、コースプラットフォーム、キオスク、または動画が補助コンテンツのマーケティングサイトではほとんど適切ではありません。自動再生+ミュート+ループはバックグラウンドヒーローの標準的なレシピです。開始時間はイントロをスキップして引用を正確な瞬間に着地させます。コントロール非表示により埋め込みがYouTubeウィジェットではなくネイティブに感じられます。プライバシーモードはユーザーが積極的に再生するまでCookieの書き込みを遅らせ、GDPRやePrivacyルール下でのコンセントフローを簡素化します。これらのオプションのほとんどはYouTubeの共有ダイアログのコピーには公開されていないため、別個のジェネレーターが有用な理由です。
埋め込みプライバシー:YouTube iframeが設置するCookie
YouTube埋め込みはGoogleへのネットワーク呼び出しです。ユーザーが再生ボタンを押す前でも、標準のyoutube.com/embed/{id} iframeはJavaScriptと画像アセットをgooglevideo.comから読み込み、VISITOR_INFO1_LIVE、YSCなど数種類のセッションクッキーと分析クッキーを設置します。プライバシー強化ホスト(youtube-nocookie.com)はユーザーが実際に再生を開始するまですべてのCookie書き込みを遅らせます。デフォルトでトラッカーをブロックするコンセントバナーにとって、これは最初のペイントで読み込まれる埋め込みとクリックが必要な埋め込みの違いを意味します。ほとんどのページで有益なためnocookieをデフォルトにしています。標準のYouTubeの動作が特に必要な場合のみyoutube.comに切り替えてください。
なぜ自動再生はミュート時のみ機能するのか?
ブラウザはデフォルトで音声付き自動再生をブロックします。Chrome、Safari、Firefox、Edgeはすべてメディアエンゲージメントポリシーを適用しており、動画が自動再生できるのはミュートされている場合、またはユーザーがそのサイトと十分にインタラクションした場合のみです。埋め込みにおける実際の影響は、autoplay=1が確実に機能するのはmute=1と組み合わせた場合のみということです。自動再生オンの状態でミュートを外すと、このツールは警告を表示し、ライブプレビューはブラウザによって音声なしで自動再生されるか、まったく再生されないかのどちらかになります。これが実際のユーザーに起きることと同じです。解決策は2つのどちらかです:ミュートを維持するか、自動再生を外してユーザー自身に再生してもらうか。第3の選択肢はありません。
youtube-nocookie.com対youtube.com
どちらのホストも同じプレーヤーと同じ動画を提供します。違いはCookieの動作です。youtube.comは最初のフレームロード時 — ユーザーが再生ボタンを押していなくても — に少数のセッションクッキーと分析クッキーを設置します。youtube-nocookie.comはユーザーが明示的に再生を開始するまでCookieの書き込みを遅らせます。ほとんどの訪問者がプレーヤーを表示しても再生しないページでは、nocookieホストが適切なデフォルトです — 訪問者あたりのCookie設置数が少なく、GDPR/ePrivacyのコンセント管理がシンプルになり、ユーザーが実際に動画を再生したときの動作は同一です。品質の違いはなく、失われる再生機能もなく、どちらのホストを使ってもSEOペナルティはありません。このツールはそのためnocookieをデフォルトにしています。
廃止されたパラメータとその代替
古いスニペットで見かける一部のパラメータはすでに廃止されています。showinfo=0とrel=0は2018年に廃止されており、プレーヤーはどちらも無視します。cc_load_policy=1は字幕を強制的にオンにするためにまだ機能しますが、YouTubeはユーザーのアカウント設定も参照するため、確実ではありません。enablejsapi=1フラグは廃止されていませんが、ホストページのJavaScriptからIFrame Player APIを呼び出す場合のみ有用で、静的な埋め込みでは不要です。これらはすべてデフォルトでは生成されるスニペットに含めていません — バイト数を減らし、意外な動作を防ぎ、プレーヤーが無視するものを排除するためです。
このジェネレーターに含まれないもの
古い埋め込みジェネレーターに存在したいくつかのオプションは意図的に除外しています。廃止されたshowinfo、rel、単独のカラー調整(color=red/white)は対象外 — プレーヤーはもはやそれらを読み取りません。フルスクリーンボタンを非表示にするfs=0フラグは実際のサイトではほとんど使用されないため公開しておらず、必要であれば生成されたコードに手動で追加できます。enablejsapi=1はホストページから独自のJavaScriptでプレーヤーを操作する場合のみ必要で、静的埋め込みとは別のワークフローであり、このツールの範囲外です。字幕はcc_load_policyで利用可能ですが、デフォルトは視聴者のアカウント設定になります — チェックボックスを追加すると確実なスイッチであるかのようにユーザーを誤解させるため、除外しています。
埋め込みパラメータ一覧
これらはIFrame Player APIが実際に読み取るパラメータです。ここに記載されていないものは無視されているか廃止されています。
| パラメータ | 機能 | 用途 | デフォルト |
|---|---|---|---|
autoplay | iframeが読み込まれると同時に動画を自動的に開始します。 | バックグラウンドループ、ヒーロー動画、デモリール — 常にmuteと組み合わせて使用。そうしないとブラウザがブロックします。 | 0 (off) |
mute | 動画をミュートした状態で開始します。ユーザーはプレーヤーコントロールでミュートを解除できます。 | 自動再生時は常に使用します。ホバーで再生するアフォーダンスをより控えめにしたい場合にも有用です。 | 0 (off) |
loop | 動画が終わると最初から再生します。単一動画のループには<code>playlist</code>パラメータが必要です。 | ヒーロー動画、アニメーション背景、タイトなサイクルで動画を再生するキオスクディスプレイ。 | 0 (off) |
controls | プレーヤーUI(再生/一時停止、シークバー、音量、設定)を表示または非表示にします。 | 自動再生ループやUIがページデザインと競合するアート的な埋め込みでは非表示にします。 | 1 (visible) |
start | 最初からではなく、指定した秒数から再生を開始します。 | 特定の瞬間へのリンク — トークの引用、チュートリアルのステップの引用、イントロのスキップ。 | — |
end | 動画の開始から指定した秒数で再生を停止します。 | 長いトークやストリームの特定のセグメントを埋め込む場合 — <code>start</code>と組み合わせて両側をクリップします。 | — |
| ホスト | iframeホストを<code>youtube.com</code>と<code>youtube-nocookie.com</code>の間で切り替えます。同じプレーヤー、異なるCookieタイミング。 | プライバシー重視のサイト、GDPRコンセントフロー、ほとんどの訪問者が再生しないページ。 | youtube-nocookie.com |
各行はiframeの<code>src</code>上の1つのURLパラメータに対応します。デフォルト値に設定されているパラメータは生成コードから省略され、スニペットを小さく保ちます。
主な用途
- ブログ記事とコラム:startパラメータで特定のタイムスタンプに動画を埋め込み、イントロをスキップして読者を引用した瞬間に誘導します。
- マーケティングページとランディングサイト:ミュートされ、自動再生・ループするヒーロー背景動画を使って、コピーと競合せずにトーンを設定します。
- ドキュメントとチュートリアル:開始・終了時間を設定したクリップセグメントを埋め込み、各ステップが対応する動画の該当箇所にリンクします。
- プライバシー重視のウェブサイト:youtube-nocookieホストを使用し、ユーザーが能動的に再生するまでトラッキングCookieが設置されない埋め込みにします。
- キオスクとデジタルサイネージ:コントロールを非表示にし、1本の動画をループしてクリーンで最小限の表示面を作ります。
- コースプラットフォームとLMS埋め込み:サードパーティスクリプトは使えないが通常のHTMLは許可されているレッスンページにサイズ指定のiframeを追加します。
YouTubeの公式埋め込みコードとの比較
YouTubeの公式共有ダイアログでも埋め込みコードを取得できますが、一回限りのコピーです。固定の難しいカスタマイズのデフォルトサイズ(560×315)、開始時間のチェックボックス、プライバシーモードトグルが得られます。それ以外 — コントロールのトグル、1本の動画のループ、終了時間の設定、デフォルト以外のサイズの選択 — は手動編集またはIFrame Player APIを通じての作業が必要です。公式コードはまたよりおしゃべりです(余分な属性、やや古いallowリスト)。
このジェネレーターは、プレーヤーが対応するすべてのパラメータを1つのフォームで提供し、トグルするたびに更新されるライブプレビュー付きです。出力は選択を反映した最小限のサーフェスです:デフォルトは省略され、廃止パラメータはスキップされ、iframeの属性はモダンなallow仕様に合わせています。1行出力はJSX、Markdown、複数行の属性が問題になるCMSにクリーンに貼り付けられます。複数行表示は人間が読むためのものです。
関連YouTube ツール
- YouTubeサムネイルをダウンロード — 1本の動画のサムネイルをデフォルトからMax HDまですべての解像度で取得します。
- YouTubeショートのサムネイルをダウンロード — サムネイルダウンローダーと同様ですが、SHORTSバッジ付きで/shorts/ URLに対応しています。
- YouTubeサムネイルを比較する — 2本の動画のサムネイルをすべての解像度で並べて比較。A/Bリサーチや競合調査に便利です。
FAQ
非公開または限定公開の動画でも機能しますか?
限定公開の動画は機能します — リンクを持つ人は誰でも、iframeのsrcを含めて視聴できます。非公開動画は公開で埋め込めません。視聴するにはGoogleアカウントにサインインし、動画の許可リストに追加されている必要があり、それ以外のユーザーには「動画を利用できません」と表示されます。非公開動画を埋め込んでも、許可リストにないユーザーには何も表示されません。
プレーヤーにダウンロードボタンがないのはなぜですか?
YouTubeの利用規約では埋め込みプレーヤーからのダウンロードを禁止しており、IFrame APIにもそのようなフックがありません。プレーヤー内のダウンロードUIはyoutube.comのYouTube Premiumユーザー向けのみであり、サードパーティの埋め込みでは表示されません。ダウンロード可能なコピーをホストする必要がある場合は、動画を自分のサイトまたは直接ファイルリンクをサポートするサービスにアップロードしてください。
モバイルでレスポンシブな埋め込みにするにはどうすればよいですか?
このツールが生成する固定サイズのiframeはYouTubeの標準ですが、小さい画面では縮小されません。一般的な解決策は、iframeをposition: relative; padding-bottom: 56.25%; height: 0;のコンテナで囲み、iframeにposition: absolute; top: 0; left: 0; width: 100%; height: 100%;を適用することです。56.25%は9÷16 — これで任意の幅で16:9の比率を維持できます。この方法を使う場合はiframeからwidthとheight属性を削除してください。
startパラメータを使わずに特定のタイムスタンプに埋め込むことはできますか?
できます — YouTubeの視聴URLに?t=120を付加するとページが2分に飛びますが、iframeプレーヤーはtを無視します。埋め込みではstart(秒数)パラメータを使います。このジェネレーターは「開始位置」フィールドで120、2:00、0:02:00を受け付けて変換します。終了パラメータも同様です。
プライバシーモードと広告なし埋め込みの違いは何ですか?
プライバシーモード(youtube-nocookie.com)はYouTubeがCookieを設置するタイミングを変えるだけで、再生が始まるまで待ちます。広告は非表示にならず、ユーザーが再生ボタンを押した後のデータ収集も止まりません。無料アカウントでは広告を非表示にする埋め込みフラグは存在しません。YouTube Premiumの購読者は自分の視聴時には広告なしで見られますが、埋め込み自体が他の視聴者の広告を抑制することはできません。
ライブプレビューはトグルに関わらず常にyoutube-nocookieを使うのはなぜですか?
このページを閲覧しただけでYouTubeのCookieが設置されないようにするためです。プライバシートグルはコピーする生成コードのみに影響します。このページのプレビューiframeはyoutube-nocookie.comに固定されており、トグルの設定はコピーして持ち帰るコードに反映されます。
1本の動画でloopパラメータは機能しますか?
機能しますが、注意点があります。loop=1だけではプレーヤーに無視されます。1本の動画をループするにはplaylist={videoId}も必要です — 同じ動画IDを繰り返します。このツールはloopをオンにすると自動的にplaylistパラメータを追加するため、トリックを覚えなくてもループが正しく機能します。
数字で見る
- 最小200×113:このサイズ以下ではYouTubeのプレーヤーが独自のコントロールを非表示にし、より小さなフォールバックを表示します。それ以上では各辺最大4096pxまでクリーンにレンダリングされます。デフォルトの560×315はYouTube自身の歴史的な埋め込みサイズです。
height = width × 9 ÷ 16を満たすペアであれば16:9が保たれます。 - 約310バイト/スニペット:生成される1行のiframeはオプションによって約280〜360バイトです。比較すると、YouTubeの共有ダイアログの標準埋め込みは
referrerpolicy、完全なtitleなどの必須でない属性が含まれるため約420バイトです。 - 2ホスト、7パラメータ:2つのiframeホスト(
youtube.com、youtube-nocookie.com)とプレーヤーが実際に読み取る7つのパラメータ(autoplay、mute、loop、playlist、controls、start、end)。それ以外は廃止されているか、IFrame JavaScript APIからのみ有用なものです。