❓ Q: AIエディターで作成したWebサイトに、YouTubeなどの動画を埋め込むことはできますか?
👉 A: できます。YouTubeなどの動画サービスに公開されている動画であれば、Webサイトのページにそのままはりつけることができtます。
Hirameki 7にアップロードするには大きすぎる長い動画や、すでにYouTubeで公開している動画を、自社サイトのページに表示させたいときに便利な方法です。
このページでは、動画の「埋め込みコード」を取得して、AIエディターのページにはりつけるまでの手順を説明します。
❶ YouTubeから埋め込みコードを取得する
「埋め込みコード」とは、動画をほかのページに表示させるための短い文字列のことです。
難しいものではなく、YouTubeの画面から数回クリックするだけでコピーできます。
1⃣ 埋め込みたい動画をYouTubeで開きます
🔻
2⃣ 動画の上で右クリックし「埋め込みコードをコピー」をクリックします。
🔻
3⃣ コピーが完了します。
❷ AIエディターで動画をページにはりつける
1⃣ 動画を追加したいページのエディター画面を開きます。
🔻
2⃣ 左側のメニューより「パーツ」を選択し、その中にある「HTML」パーツをドラッグ&ドロップで動画を追加したい箇所に追加します。
🔻
3⃣ 動画を表示させたい場所をクリックして、編集エリアを選択します
🔻
4⃣ 追加後に右側のメニューに表示される「詳細設定」タブ内の「コード」欄にコピーしたコードを貼り付けます。
ポイント
✔ YouTube以外(Vimeoなど)の動画も、同様に「埋め込みコード」を取得してはりつけることができます。
操作の流れはYouTubeとほぼ同じです。
✔ 埋め込みコードのコピーをし直せば、いつでも別の動画に差し替えられます。
一度設定しても後から変更できるので、まず試してみてください。
✔ 埋め込みコードの中に動画のサイズが指定している箇所がある場合は、そのコードに従って表示されます。
適宜数値を調整してください。
✔ 動画がうまく表示されない場合は、コードの一部が欠けていないか確認してください。
コードは <iframe から始まり ></iframe> で終わります。
注意
- 「動画URL」「共有URL」と「埋め込みコード」は異なります(URLをそのまま貼り付けても動画は表示されません)
- 動画を公開設定に変更したあと、反映まで数分かかる場合があります
- YouTube側で削除・限定公開/非公開化された動画は、サイト上でも再生できなくなります
- 一部動画はYouTube側の制限により埋め込みできない場合があります
動画のURLをそのままはりつけても、動画は表示されません
必ずYouTubeの「共有」→「埋め込む」から取得した埋め込みコードをはりつけてください
YouTubeで「限定公開」や「非公開」に設定されている動画は、サイト上でも表示されません
埋め込みに使う動画は、YouTubeで「公開」設定になっているものをお使いください