動画URLを入力する
通常動画またはShortsのURL・動画IDを使います。
無料 YouTube埋め込みコード生成ツール
YouTube埋め込みコード生成ツール
サイトに載せるYouTube動画を、画面幅に合わせて表示できるコードにします。開始位置、終了位置、自動再生、音、操作ボタン、ループを選び、公開前にプレビューできます。
ツールを使う再生区間を決める
必要なら開始秒と終了秒を入力し、終了が開始より後になるようにします。
再生設定を選ぶ
自動再生、ミュート、操作ボタン、ループ、関連動画を公開先に合わせます。
プレビュー後にHTMLをコピーする
スマートフォン幅でも比率が崩れないか確認し、自分のサイトに貼ります。
YouTube埋め込みの利用例
ページの目的に合う短い区間と操作方法を選びます。
商品の使い方ページ
説明が始まる位置から再生し、視聴者が停止や音量を操作できるようにします。
イベントレポート
見せたい登壇部分だけを開始・終了で指定し、文脈を本文で補います。
ポートフォリオ
自動再生を多用せず、訪問者が見たい作品を選べる配置にします。
埋め込み前に確認すること
自動再生は保証されない
端末やブラウザの設定で止められる場合があります。再生ボタンが必要な前提で設計します。
動画の公開状態に依存する
削除、非公開、埋め込み禁止になると、サイト上でも再生できません。
ページ速度も確認する
動画を多数埋め込むと読み込みが重くなるため、必要な本数に絞ります。
YouTube埋め込みコード生成ツールのよくある質問
Shortsも埋め込めますか？+
有効な動画IDを取得できれば埋め込みコードを作れます。
自動再生で音を出せますか？+
多くのブラウザは音付き自動再生を制限するため、自動再生時はミュートになります。
レスポンシブとは何ですか？+
パソコンやスマートフォンの横幅に合わせ、16:9の比率を保って表示することです。
終了時間を設定できますか？+
はい。開始時間より後の秒数を入力してください。
関連動画を完全に消せますか？+
YouTubeの現在の仕様に依存します。設定は関連動画の扱いを調整しますが、完全な非表示を保証しません。