Vimeo

Vimeoの使い方|会員制サイトに限定公開動画を埋め込む方法・手順

セミナー動画やスライド動画教材などを作成して限定で配信したいと思っている個人起業家・フリーランスのあなたへ。

今回は、Vimeoという動画共有サービスを使ってアップロードした動画を、会員制サイトや会員限定ページに埋め込みする方法についてご紹介します。

ちなみに今回はVimeoの中で、商用利用に最も適したPROプラン(月額2,000円)を利用している場合の設定項目になります。

動画をアップロードする

まずはVimeoのアカウントにログインして、右上の「+新しい動画」という青いボタンをクリックします。

画面が切り替わったらアップロードしたい動画ファイルを選択するか、ドラッグ&ドロップします。

アップロードと同時にプライバシーの設定もできるのが便利ですね。プライバシーの設定内容は次項で詳しくお話しします。後から変更できますが、このタイミングで限定公開やパスワードに設定してアップロードすることもできます。

スマホアプリからもアップロード可能

Vimeoはスマホアプリとも連動させることができるので、スマホで撮った動画をアップロードしたい場合は、アプリからアップロードしましょう。

動画をアップロード後、処理が終わるのを待つ

アップロードは比較的スムーズに終了しますが、その後の動画の処理に少し時間がかかります。複数の動画を同時アップロードする場合も、処理はアップロードした順番に1つ1つ行っていきます。

時間に余裕を持って、他の作業をしながら気長に待ちましょう。

動画の設定画面でタイトル・概要・サムネイルを決める

処理をしている間に、できるのがタイトル(必須)・概要・サムネイル画像の設定です。タイトルや概要などを処理中の時間を使って書いておきましょう。

変更が終わったら必ず「保存ボタン」を押しましょう。

動画のプライバシー設定を行う

処理中・もしくは処理が終わった後に行うのがプライバシーの設定です。左側の「一般」メニューの中の【プライバシー】という項目から変更できます。

「誰が視聴することができますか?」の設定

まず最初に設定するプライバシー項目は視聴できる人の限定を行うかどうか。

会員制サイトなどの限定公開をしたい場合は、「誰が視聴できますか?」の質問項目に以下のいずれかを選ぶことをおすすめします。

  • 限定公開:リンクを知っている人だけが視聴できる
  • パスワード:パスワードを入力したら視聴できる
  • Vimeoで非表示にする:サイトに埋め込んだ状態でのみ視聴できる

「限定公開」にすると下にURLリンクが発行されるので、このリンクを会員制サイトに貼り付けたり、メッセージでリンクを送ることで、リンクを知っている人なら誰でも動画が視聴できる設定になります。

「パスワード」の場合は、動画を見るために入力するパスワードを設定します。

「Vimeoで非表示にする」の場合は、サイトに埋め込んだ状態でのみ視聴できるので、ワードプレスなどでサイトを用意している方はこちらの設定でもOKです。

タイラミオ
タイラミオ
私の場合は、動画数が多いのでパスワード式ではなく「限定公開」設定にして、プライベートリンクが流出しないように、共有ボタンの削除や埋め込み許可設定で対応しています。(後述します。)

「どこに動画の埋め込みを許可しますか?」の設定

こちらは動画を埋め込みしようとした時の許可範囲の設定です。会員制サイトの場合は【特定のドメイン】を選びましょう。

「特定のドメイン」を選んだら、その下にドメインを入力します。(ララクリップの場合は「lala-clip.com」の部分です)入力したら【+】ボタンを押すと、ドメインが下に追加されます。

複数の会員サイトに埋め込みたい場合は、特定のドメインを複数設定しておきましょう。

「誰がコメントできますか?」の設定

次にコメントの許可設定です。会員の方に自由にさせたければ「全員」、コメントをさせたくなければ「誰もできない」を選びましょう。

動画のダウンロード許可

動画をダウンロードすることで、視聴者はオフライン環境でも見ることができます。会員制サイトへの埋め込みの場合は、ダウンロード許可はOFFで良いかと思います。

コレクションへの追加の許可

一般公開しない動画に関しては「コレクションへの追加の許可」もOFFにしておきましょう。

全ての変更が終わったら必ず「保存ボタン」を押しましょう。

動画の埋め込み設定を行う

プライバシーの設定が終わったら、次は【埋め込み】設定で変更できる内容を項目ごとに見ていきましょう。

コントロール
再生バー ONにすると、動画下部に再生バーが表示されます。
音量 ONにすると、視聴者が自由に音量を調整できます。
スピードコントロール ONにすると、視聴者が自由に再生速度を変更できます。※
全画面 ONにすると、全画面表示に切り替えるボタンが表示されます。
タイラミオ
タイラミオ
ここは全てONにするのがおすすめ!視聴者にとって、音量やスピードを自分で変更できるのは便利ですよね。
メニュー
いいね 画面上にハートマークの「いいね」ボタンが表示
後で見る 画面上に時計マークの「後で見る」ボタンが表示
共有 画面上に飛行機マークの「共有」ボタンが表示
埋め込み プライバシー設定で埋め込み許可をしていなければ表示されません
タイラミオ
タイラミオ
会員制サイトの場合、「いいね」や「後で見る」は管理者次第で表示してもしなくてもOK。ただし、共有や埋め込みは困るのでOFFにしておきましょう!
あなたの詳細
プロフィール画像 Vimeoに登録したプロフィール画像が表示
タイトル 動画のタイトルが表示
投稿者 動画の投稿者(Vimeoのアカウント名)の名前が表示
ユーザーが選べるようにする ユーザーが選択できる
タイラミオ
タイラミオ
これらのアイコンをクリックすると、Vimeoのアカウントページに飛んでしまうので、会員制サイトの場合は全てOFFにしておきましょう!
カスタマイズ機能
カスタムカラー 動画再生画面に表示されるパーツカラーの変更ができる
Vimeoのロゴを表示する Vimeoのロゴを表示するか削除するか
カスタムロゴを表示する オリジナルのロゴをアップロードして右下に表示できる
タイラミオ
タイラミオ
カスタムカラーやロゴはお好みで変更しましょう。Vimeoのロゴは削除しておいた方が、オリジナル動画感が出ます!

全ての変更が終わったら必ず「保存ボタン」を押しましょう。

動画にチャプターをつける(任意)

続いて、30分・1時間以上の動画教材やセミナー動画をアップロードする方におすすめの設定が「チャプター」項目です。動画の中に目次機能を追加することができます。

動画の内容が切り替わるタイミングなどでチャプターをつけることによって、視聴者が自分の見たい部分に一発でジャンプできるので、動画視聴の満足度が一気に上がるでしょう。

チャプターの付け方

左側の「インタラクションツール」メニューの中の【チャプター】という項目を選びます。ここで動画を見ながらチャプターを入れたい箇所の時間(何分何秒)と、チャプターのタイトルを50文字以内で入力します。

チャプターを追加すると動画の再生バーに点がついて、視聴者は特定箇所に一発でジャンプが可能。さらに、右下のチャプターアイコンをクリックすると、目次のようにチャプター一覧が表示されます。

タイラミオ
タイラミオ
1時間以上の動画教材や、セミナー動画の場合、チャプターごとに区切れるのはめちゃくちゃ便利!

全ての変更が終わったら必ず「保存ボタン」を押しましょう。

動画の共有リンクまたは埋め込みコードをコピーする

最後に、動画の設定が全て終わったら、共有リンクをコピーします。

  • 動画リンクをコピー
  • 埋め込みコードをコピー

会員サイトへの埋め込みは「動画リンクをコピー」または「埋め込みコードをコピー」を選びましょう。

「埋め込みコードをコピー」を選択すると、動画の横幅・縦幅を自由に調整できます。「動画リンクをコピー」でそのままリンクを貼り付けた場合は、横幅100%の状態で表示されます。

コピーしたリンクまたはコードを会員サイト内に貼り付ける

  • 動画リンクをコピー
  • 埋め込みコードをコピー

いずれかの方法でコピーしたものを会員サイト内に貼り付けて完了です。

動画リンクの場合は、ビジュアルエディターにそのまま貼り付けてOK。埋め込みコードの場合は、HTMLのテキストに貼り付けるようにしましょう。

どちらの設定でもスマホ表示で崩れることなく表示されるので、スマホ版デザインの調整不要で手間いらず。

ちなみに、一度共有した後にVimeo側の設定を変更した場合も、動画リンクは同じなので、会員サイトのリンクの貼り直し作業を行わなくても、そのまま変更が反映されるのがかなりありがたいです!

まとめ:会員サイトの動画はVimeoで一気にプロフェッショナルに!

今回は、Vimeoという動画共有サービスを使ってアップロードした動画を、会員制サイトや会員限定ページに埋め込みする方法・手順についてご紹介しました。

  1. 動画をアップロード
  2. 動画のプライバシー設定
  3. 動画の埋め込み設定
  4. 動画にチャプターをつける(任意)
  5. 動画の共有リンク、または埋め込みコードをコピーする
  6. 会員サイト内に貼り付ける、またはコードを埋め込む

会員サイトにアップロードするセミナー動画や、動画教材の場合は、Vimeoを使うことでオリジナリティやプロフェッショナルなイメージを与えることができます。

小規模経営者&フリーランスのためのホームページの育て方動画講座

ホームページ作成に関するお問い合わせや相談を数多くいただき「ホームページで失敗してほしくない」「後悔してほしくない」との想いから、作成前に知っておきたいことをまとめた動画講座を作りました。

フリーランスや個人起業家がホームページを活用することに、少しでも価値を感じてもらえたら嬉しいです♪

***