1回限りのイベントをストリーミングする場合でも、定期的なイベントをストリーミングする場合でも、ライブプレーヤーと視聴者のチャットをWebサイトに埋め込むことができます。埋め込みは、ほとんどのウェブサイトホスティングサービスがサポートするiframeコードです。
記事の内容:
イベントを埋め込む方法
- まず、ライブラリからイベントを作成します。
-
ライブ設定ページに移動したら、1回限りのイベントをストリーミングしている場合は埋め込みタブを選択し、定期的なイベントをストリーミングしている場合はイベントタブを選択します。
- 埋め込みコードを取得する前に、ここでさまざまな設定を確認し、必要に応じてカスタマイズしてください。現時点では、1回限りのイベントと定期的なイベントの間で使用可能なオプションにはいくつかの違いがありますのでご注意ください。
埋め込みカスタマイズ設定の右側には、埋め込みプレーヤーがどのように表示されるか確認できるプレビューがあります。プレビューの下には、カスタムサムネイルを追加したり、イベントの開始時間を調整したり、イベントのスケジュールを表示できる機能があります(左下にはオーバーレイ)。サムネイルと開始時刻を除いて、このページの設定は埋め込みプレーヤーにのみ影響します - 埋め込みプレーヤーの設定を構成したら、イベントの埋め込みコードをクリックします。これにより、iframeコードと埋め込みのサイズ設定を使用してモーダルが開きます。
- コンテナのサイズに基づいて調整されるレスポンシブ、または高さと幅をピクセル単位で入力できる固定サイズのいずれかを選択します。
-
次に、iframeコードをクリップボードにコピーして、ウェブサイトのHTMLエディターに貼り付けることができます。
- プレーヤーがサイトに表示されます。プレーヤーに加えてイベントのチャットをウェブサイトに含める場合は、埋め込み設定ページでチャット埋め込みコードをクリックして、コードをコピーしてウェブサイトに貼り付けます。この例では、埋め込みチャットは埋め込みプレーヤーの下にあります。
注:チャットの埋め込みには、 質問セッションとアンケートも含まれます。
ストリームがアクティブでない場合、埋め込みプレーヤーはメッセージを表示します(「このイベントはまだ開始されていません」など)。埋め込みチャットは、ライブ設定ページで有効にするとすぐにアクティブになり、視聴者がチャットを開始できるようになります。ストリームを開始すると、プレーヤーが自動的に読み込まれます。vimeo.comページのチャットはモバイルブラウザでは機能しませんが、埋め込みチャットはデスクトップとモバイルの両方の視聴者が利用できます。
ストリームを開始すると、プレーヤーが自動的に読み込まれます。
ストリームを停止すると、プレーヤーはイベントがアーカイブされる旨を表示し、埋め込みチャットはイベントがオフラインであることを示します。
ライブ視聴者数を非表示にする
埋め込みライブストリームのライブ視聴者数を非表示にするには、
- イベントの設定ページに移動します。
- スタイルタブを選択します。
- カスタマイズオプションまで下にスクロールします。
- 視聴者数を非表示にするを選択します。
この設定により、そのイベントの今後すべての埋め込みライブストリームのライブ視聴者数が無効になります。
注:新しいライブイベントはそれぞれ、アカウント設定から同様のトグル状態を継承します。アカウント設定でこのオプションが変更された場合、既存のライブイベントには適用されません。
特定の定期的なライブイベントでトグル状態が変更された場合、新しいライブストリームごとにこの設定が引き継がれるため、このライブイベントはアカウント設定の設定内容にはなりません。
イベントのライブラベルを非表示にする
イベントのライブストリーミング中に、ライブイベントのプレーヤーのライブラベルの表示/非表示を選択できます。
ライブストリームからライブラベルを無効にするには、イベント設定ページの「外観」タブの「カスタマイズ」オプションから「ライブラベルを非表示にする」を選択します。
注:ライブラベルはデフォルトですべてのライブイベントに表示されるため、ライブイベントでラベルを非表示にするには、ブロードキャスターがライブラベルを無効にする必要があります。
埋め込みのカスタマイズ
2つのイベントタイプの性質上、埋め込みプレーヤーにはいくつかの違いがあります。
以下の表は、それぞれの埋め込みプレイヤー機能の詳細と、どのイベントタイプで利用できるかを示しています。
機能 |
定期的なイベント |
1回限りのイベント |
定期的な配信スケジュールの表示 - 左下のオーバーレイで、次にイベントがライブになる時間を表示します。 |
はい |
いいえ |
イベントスケジュールの表示 - プレーヤーの中央にデフォルトの「このイベントはまだ開始されていません」というメッセージとともに、次のイベントの日時を表示するかどうかを選択します。 |
はい |
はい |
オフエアの時間に最新の動画を表示 - 次の開始日を表示する代わりに、プレーヤーはこのイベントの最後の配信のサムネイルと再生ボタンを表示します。 |
はい |
いいえ。デフォルトでは、イベントの埋め込みは配信アーカイブの埋め込みになります。 |
プレイリストを表示 - 右上のオーバーレイで、このイベントのすべての動画間を移動することができます。 |
はい。有効にするとイベントタイトルの表示が上書きされます。 |
いいえ |
自動再生 - プレイリストの動画を視聴中、現在の動画が終わるとすぐに次の動画の再生が始まります。 |
はい |
いいえ |
プレイリストをループ - プレイリストの最後の動画が終了すると、プレイリストの最初の動画が自動的に始まります。 |
はい |
いいえ |
再生バー - イベントの経過時間を表示する再生バーを表示します。この機能が無効になっている場合は一部の要素は表示されません。 |
はい |
はい |
音量調節 - 視聴者がプレーヤーの音量を調整できるようにします(再生バーが必要です)。 |
はい |
はい |
フルスクリーンボタン - 視聴者がフルスクリーンモードで見ることができます。 |
はい |
はい |
いいねボタン - 視聴者がVimeoで動画を「いいね」することができます。 |
いいえ |
はい |
後で見るボタン - 視聴者は動画を後で見るリストに追加することができます。 |
いいえ |
はい |
共有ボタン - 視聴者はVimeoのURLをソーシャルチャンネルやその他の方法で共有できます。 |
いいえ |
はい |
あなたの詳細(プロフィール画像、タイトル、制作者名、ユーザーに任せる) - この情報はVimeoアカウントから取り込まれ、左上にオーバーレイできます。 |
タイトルのみ。有効にすると、プレイリストの表示が上書きされます。 |
はい |
カスタマイズ(色のカスタマイズ、Vimeoロゴの表示、カスタムロゴの表示) - ロゴを表示するには、再生バーを有効にする必要があります。カスタムロゴは、ライブ再生中に非表示にしたり、ウェブサイトへリンクすることができます。 |
はい |
はい |
インタラクションツール - Eメールキャプチャーと終了画面(サムネイルとCTA)。
|
いいえ |
はい |
自分のウェブサイトエディターある動画ウィジェットは使用できますか?
WordPressやChurch Onlineなどの一部のウェブサイトホスティングサービスには、動画やイベントのURLを貼り付けてサイトの本文に自動的に埋め込むことができる動画ウィジェットなど、ウェブサイトへのコンテンツの追加を簡素化するのに役立つツールやプラグインが含まれています。
この埋め込み方法は1回限りのイベントでは機能しますが、現時点では、定期的なライブイベントでは実行できません。定期的なライブイベントを埋め込む必要がある場合は、HTMLブロックを使用して、上記のように定期的なイベントからiframeコードを貼り付けることをお勧めします。HTMLボックまたはウィジェットがオプションでない場合は、代わりに1回限りのイベントの使用を検討してください。