YouTube・Vimeo・Dailymotion 埋め込みコード自動生成

レスポンシブ対応の動画埋め込みを最短1行で

Responsive Video Embed Generator

YouTube・Vimeo・Dailymotionの動画URLを貼るだけで、レスポンシブ対応の埋め込みHTMLを自動生成。ブログやWordPressにもそのまま貼れます。

  • URLを貼るだけで埋め込みコードを即生成
  • 16:9 / 9:16（ショート）をワンクリックで切り替え
  • ミュート・自動再生・ループのオプションを付与
  • iframe + aspect-ratio で軽量・シンプルな実装
無料 リンクフリー コピペOK ショート対応

最終更新日: 2026-03-02

リンクフリー（紹介は任意）

埋め込みコードジェネレーター

動画URLを入力すると、レスポンシブ対応の埋め込みHTMLとプレビューを自動生成します。

オプション

※自動再生を行う場合、ミュートも指定する必要がある場合があります

埋め込みコード

プレビュー

YouTube埋め込みをレスポンシブ対応する最短手順

  1. 動画URLを貼り付ける
  2. 必要なら「ミュート / 自動再生 / ループ」を選ぶ
  3. 生成されたコードをコピーして貼る

本ツールの埋め込みHTMLは aspect-ratio を使い、paddingハック不要で比率を維持します。

aspect-ratio を使った埋め込みコード例

出力されるHTMLは1行で、どのCMSでもそのまま貼り付けられます。

<iframe loading="lazy" title="YouTube embed" src="https://www.youtube.com/embed/VIDEO_ID" style="aspect-ratio:16/9;width:100%;height:auto;border:0;" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
  • 通常（16:9）：aspect-ratio:16/9
  • ショート（9:16）：aspect-ratio:9/16

こんな場面に便利

  • ブログやWordPressの記事に動画を埋め込みたい
  • ランディングページに軽量な動画枠を置きたい
  • ショート動画を縦長のまま埋め込みたい
  • HTML/CSSを最小限で済ませたい

対応サービス・機能一覧

サービス 対応URL例 比率 自動再生 ミュート ループ
YouTube youtube.com / youtu.be / shorts 16:9 / 9:16 ○ ○ ○
Vimeo vimeo.com 16:9 ○ ○ ○
Dailymotion dailymotion.com / dai.ly 16:9 ○ ○ ○

※自動再生はブラウザ制限の影響を受けるため、ミュートを併用してください。

トラブルシューティング

  • 自動再生が効かない：ミュートをONにしてください。ブラウザ制限で音声付き自動再生はブロックされることがあります。
  • 縦動画が横長になる：YouTubeの場合は「ショート動画」を選択してください。出力後に aspect-ratio を9/16へ変更してもOKです。
  • 埋め込みが表示されない：動画側で埋め込みが許可されているか、公開範囲が限定されていないかをご確認ください。
  • 表示が崩れる：iframeに width:100% が付いているか確認してください。CSSの競合がある場合は上書きしてください。

よくある質問

YouTube埋め込みをレスポンシブ対応するには？
iframeに aspect-ratio:16/9 と width:100% を指定すれば、画面幅に追従しつつ比率を維持できます。本ツールはURLを貼るだけで埋め込みコードを自動生成します。
YouTubeショート(縦動画)の比率は？
一般的には 9/16 を指定します。本ツールでは「ショート動画」を選ぶと 9/16 の埋め込みコードを生成します。
自動再生が効かないことがあるのはなぜ？
ブラウザ側の制限で、ミュートなしの自動再生がブロックされることがあります。自動再生が効かない場合はミュートもONにしてください。
ループ再生はどうやって実現している？
YouTubeは loop=1 に加えて playlist に同じ動画IDを指定します。Vimeo/Dailymotionは loop パラメータで制御します。
WordPressやブログにも使える？
はい。生成される埋め込みHTMLはそのままコピーして貼り付けられます。
どのURL形式に対応している？
YouTube（youtube.com / youtu.be / shorts）、Vimeo、Dailymotion（dai.ly含む）に対応しています。
リンクは必要？
リンクは必須ではありません（リンクフリー）。