YouTube埋め込みコード作成ツール

YouTube 動画を埋め込めば、配信は YouTube に任せたまま、訪問者を自分のページにとどめておけます。YouTube の共有画面にある標準コードでも動きますが、560×315 の固定サイズでスマホに合わず、開始・終了位置などの便利な設定もありません。このツールは、すべての設定をチェックボックスで選べる、きれいなレスポンシブの埋め込みコードを作り、コピー前にライブプレビューも表示します。

埋め込みコードの作り方

1. YouTube 動画のリンクを貼り付けます。watch、youtu.be、ショート、ライブのリンクに対応しています。
2. 必要なら 開始位置 と 終了位置 を入れて、一部だけを再生させます。
3. 必要なオプションにチェックを入れます：レスポンシブ、プライバシー強化モード、自動再生（ミュート）、ループ再生、プレーヤーのコントロールを表示、字幕をオン。
4. ライブプレビューを確認し、コードをコピーしてサイトに貼り付けます。

各オプションの意味

コードには loading="lazy" も入っているため、訪問者が近くまでスクロールしたときにだけプレーヤーが読み込まれます。スクリーンリーダー用の title も付いています。

コードを貼る場所

• WordPress：「カスタム HTML」ブロックを追加して貼り付けます（通常の YouTube ブロックでは開始・終了位置やプライバシーモードを設定できません）。
• はてなブログ：編集画面を HTML 編集 に切り替えて貼り付けます。
• Blogger：投稿を開き、HTML ビューに切り替えて貼り付けます。
• Wix、Squarespace、Webflow：「埋め込み」または「コード」要素を使います。
• HTML サイト：<body> 内の、動画を表示したい場所に貼ります。

ショートや縦長動画を埋め込む

ショートも埋め込めます。ツールが /shorts/ のリンクを通常の埋め込みに変換します。縦長なので レスポンシブ を外し、315 × 560 などのサイズにすると、両側に黒帯のある横長の枠になりません。

表示速度と SEO のコツ

• 1 ページに埋め込む動画は 1～2 本まで。プレーヤーごとにスクリプトが読み込まれ、多すぎるとページが重くなります。
• ページに動画の内容を書く。検索エンジンは動画を見られないので、要約、ポイント、文字起こしが評価につながります。
• 速度が特に重要なページでは、最初は画像だけを表示し、クリックでプレーヤーを読み込む方法もあります。サムネイルサイズツールで動画の画像をすべてのサイズで確認・保存できます。
• 訪問者のデータを大切に。プライバシー強化モードは EU からの訪問者への簡単な配慮になります。

うまくいかないとき

• 「この動画は再生できません」：埋め込みが無効、または非公開・年齢制限・地域制限の動画です。
• 自動再生が始まらない：ミュートが必須です。省電力モードのスマホではそれでもブロックされることがあります。
• ループが開始位置ではなく 0:00 に戻る：YouTube のループの仕様です。一部分をループさせたいなら動画自体をカットしましょう。
• スマホでプレーヤーがはみ出す：レスポンシブにチェックが入っているか、テーマが iframe に固定の高さを指定していないか確認します。

プレーヤーではなくリンクが必要なら、タイムスタンプリンク作成ツールで指定位置から始まるリンクを作れます。各サービスごとの詳しい手順はYouTube 動画をサイトに埋め込む方法で解説しています。