【簡単3分】Studioで動画を埋め込む方法2選！
- スマホで撮影した動画ってStudioでアップロードできるの？
- YouTube動画ってStudioのサイト内で埋め込めるの？
- 初心者でも動画を埋め込む方法を教えてほしい！
今回はこのようなお悩みを解決していきます。
まず安心してほしいのですが、初心者でも動画を埋め込むことは簡単です！
Kajiやることは単純！初めてでも3分掛かりません！
- StudioにYouTube動画を埋め込む方法【画像付き】
- StudioにVimeo動画を埋め込む方法【画像付き】
- mp4の動画はアップロードできない件について
では詳しく説明していきます。
「Studioの使い方がまだイマイチわかっていない、、、」という方は、以下のマニュアルも参考にしてみてください。
Service
【最安18万円〜】
集客に強い・SEO特化のホームページ制作サービス
「デザインは良いのに問い合わせが来ない」それはSEO対策がしっかりできていないことが原因かもしれません。 月間10万PVメディアを運営する現役SEOコンサルが設計するから、 GoogleにもAI（ChatGPT等）にも選ばれるホームページが作れます。
- AI×人間の分業でSEO対策が圧倒的に低価格
- 公開後3ヶ月のSEO改善レポート付き
- 完全オリジナルデザイン（テンプレート不使用）
- Studio制作で自社更新もカンタン
- ホームページ制作実績、累計50サイト以上
今なら制作費30,000円OFF（毎月3組限定）。ご相談・お見積りは無料です。
【前提】動画の直接アップロードはできません！
前提として、伝えたいことが1つあります。
スマホで撮影した動画、カメラで撮影した動画を
直接Studioにアップロードすることはできません！
この後も詳しく説明しますが、撮影した動画を「YouTube」や「Vimeo」のプラットフォームにアップロードしなければなりません。
つまり、流れとしては下記のようなイメージになります。
- スマホやカメラで動画を撮影する
- 「YouTube」もしくは「Vimeo」にアップロードする
- Studioに動画を埋め込む（YouTube形式・Vimeo形式）
Studioで動画埋め込みできるサービスは2つ！
改めてになりますが、Studioで動画埋め込みできるサービスは2つです。
- YouTube
- Vimeo
動画のアップロード方法についても、詳しく説明します。
YouTube
1つ目のサービスは「YouTube」です。
- 無料で動画をアップロードできる
- 動画プラットフォームでは1番シェア率が高い
- ユーザー視点からみても、1番抵抗感なく視聴できる
無料で使えて、かつ動画アップロードの手順も簡単です。
特段理由がなければ、YouTubeに動画をアップロードして、Studioに動画を埋め込むのがおすすめです！
YouTubeの動画アップロード方法は、以下の動画を参考にしてみてください！
Vimeo
2つ目のサービスは「Vimeo」です。
- 動画投稿基準が厳しい（クオリティの高い動画でないと厳しい）
- 投稿者は有料プランに入るのが一般的
- 動画には広告が表示されない
やはりネックになるのは、動画の投稿基準が厳しいこと、有料プランに入らなければ機能に制限があることでしょうか。
普段からVimeoを利用しているならまだしも、初めての方からするとハードルが高いといえます。
個人的には、YouTubeで動画を投稿するのがおすすめです！
Vimeoの動画アップロード方法は、以下の動画を参考にしてみてください！
StudioにYouTube動画を埋め込む方法
StudioにYouTube動画を埋め込む手順は、下記の通りです。
- YouTubeのボックスを追加する（Studio側で操作）
- 動画のURLをコピーする（YouTube側で操作）
- 動画のURLを貼り付ける（Studio側で操作）
やることはシンプルなので、2分あれば誰でも動画を埋め込めます。
Kaji実際の画像を用いながら、具体的に説明していきます！
手順①：YouTubeのボックスを追加する（Studio側で操作）
新エディタ画面
Studioを開いて、左メニュー欄の追加パネルのボタンをクリックします。
メニュー詳細が出てくるので、基本の中にある「YouTube」をクリックします。
すると、下記のような枠が追加されたと思います。出ていれば、一旦OKです！
旧エディタ画面
Studioを開いて、左メニュー欄の右矢印ボタンをクリックします。
メニュー詳細が出てくるので、「追加」をクリックして、「YouTube」をクリックします。
すると、下記のような枠が追加されたと思います。出ていれば、一旦OKです！
手順②：動画のURLをコピーする（YouTube側で操作）
次に、埋め込みたい動画のURLをコピーしていきます。
埋め込みたい動画にアクセスして、「共有」のボタンをクリックします。
URLの横にある「コピー」のボタンをクリックします。
手順③：動画のURLを貼り付ける（Studio側で操作）
URLをコピーできたら、Studioに戻りましょう。
新エディタ画面
動画の枠を一度選択（＝クリック）しましょう。
右メニュー欄にある右パネルをクリックします。
先ほどコピーしておいた、YouTube動画のURLを貼り付けます。
（貼り付けるのは、「動画URL」の欄です）
貼り付けが終わったら、サムネイル画像が自動的に変わるはずです！
旧エディタ画面
動画の枠を一度選択（＝クリック）しましょう。
右メニュー欄にある左矢印ボタンをクリックします。
先ほどコピーしておいた、YouTube動画のURLを貼り付けます。
（貼り付けるのは、「動画URL」の欄です）
貼り付けが終わったら、サムネイル画像が自動的に変わるはずです！
StudioにVimeo動画を埋め込む方法
StudioにVimeo動画を埋め込む手順は、下記の通りです。
- Vimeoのボックスを追加する（Studio側で操作）
- 動画のURLをコピーする（Vimeo側で操作）
- 動画のURLを貼り付ける（Studio側で操作）
やることはシンプルなので、2分あれば誰でも動画を埋め込めます。
Kaji実際の画像を用いながら、具体的に説明していきます！
手順①：Vimeoのボックスを追加する（Studio側で操作）
新エディタ画面
Studioを開いて、左メニュー欄の追加パネルをクリックします。
メニュー詳細が出てくるので、基本の中にある「Vimeo」をクリックします。
すると、下記のような枠が追加されたと思います。出ていれば、一旦OKです！
旧エディタ画面
Studioを開いて、左メニュー欄の右矢印ボタンをクリックします。
メニュー詳細が出てくるので、「追加」をクリックして、「Vimeo」をクリックします。
すると、下記のような枠が追加されたと思います。出ていれば、一旦OKです！
手順②：動画のURLをコピーする（Vimeo側で操作）
次に、埋め込みたい動画のURLをコピーしていきます。
埋め込みたい動画にアクセスして、「共有」のボタンをクリックします。
リンクの下にあるURLをコピーします。
手順③：動画のURLを貼り付ける（Studio側で操作）
URLをコピーできたら、Studioに戻りましょう。
新エディタ画面
動画の枠を一度選択（＝クリック）します。
右メニュー欄にある右パネルをクリックします。
先ほどコピーしておいた、Vimeo動画のURLを貼り付けます。
（貼り付けるのは、「動画URL」の欄です）
貼り付けが終わったら、サムネイルが自動的に変わるはずです！
旧エディタ画面
動画の枠を一度選択（＝クリック）します。
右メニュー欄にある左矢印ボタンをクリックします。
先ほどコピーしておいた、Vimeo動画のURLを貼り付けます。
（貼り付けるのは、「動画URL」の欄です）
貼り付けが終わったら、サムネイルが自動的に変わるはずです！
Studioのホームページ制作は「Terace」にお任せ！
当メディアを運営する私達は、Studioの制作代行サービスを運営しています。
サービスの強みを一言で表すなら、「集客に強いホームページが作れる」ということです。
- AI×人間の分業でSEO対策が圧倒的に安い
- SEO専門家による細部まで徹底したSEO対策（基本〜本格）
- はじめてのSEOガイド・公開後3ヶ月のSEO改善レポート付き
- 完全オリジナルデザイン（Webデザイナー専属）
- Studio製だから自社で簡単に更新できる
- ホームページ制作実績、累計50サイト以上
最安18万円〜とお手軽な価格ですが、徹底的にSEO対策されたホームページが作れます。なぜ安く作れるのか、その理由はシンプルで「人間が得意なことは人間、AIが得意なこと（リサーチなど）はAI」が担当しているためです。
オリジナルデザイン、かつ本格的に集客できるホームページがほしい方は、ぜひお気軽にご相談ください。
個人事業主や中小企業からよく選ばれています。サービス利用者の声を聞きたい方は、ぜひ以下のインタビュー記事をご覧ください。
今だけ、毎月3組まで制作費用が3万円割引になるキャンペーンを行っています。
先着順で締め切るので、気になる方はぜひお早めにお問い合わせください！
送信中です
ebook
【無料のお役立ち資料】
初ホームページ制作のよくある質問集
ホームページ制作に関するよくある質問14選にすべて答えています。
「自作するべきなのか」か「Web制作会社に任せるべきか」など、これまでホームページ制作をやっていく中で1番よく受けた質問を厳選しています。
無料でダウンロードできるので、これからホームページを作成する予定の方はぜひ参考にしてみてください！
※コメントは最大500文字、5回まで送信できます