この記事の内容
ビデオを埋め込んでください
プレイリストを埋め込んでください
ページを埋め込む
パラメータを埋め込む
Slidoにビッドキャストを埋め込んでください
Webex イベントにビッドキャストを追加してください
あなたのVidcastを埋め込んでください
list-menuこの記事の内容
list-menuフィードバックがある場合

自分の動画やプレイリストをウェブサイトで紹介したい場合は、Vidcastプレーヤーを埋め込むことで簡単にできます。このビデオでは、動画とプレイリストの両方の埋め込み、サポートされているパラメーター、SlidoとWebex Eventsへの埋め込みについて説明します。

ビデオを埋め込んでください

1つの動画を埋め込むには、再生ページの動画の下にある「共有」ボタンをクリックし、共有モーダルの「埋め込み」タブを選択します。

埋め込み要素は、レスポンシブサイズ(ビデオプレーヤーは任意の画面サイズに合わせて調整されます)と固定サイズ(ビデオプレーヤーは設定したサイズを維持します)のどちらかを選択できます。

サイズ(レスポンシブまたは固定)を選択すると、埋め込みコードがコピーされたときにのみ要素に影響することに注意してください。 埋め込みリンクには影響しません。

さらに、次のパラメータを埋め込みリンク/コードに自動的に追加できます。

  • 自動再生:埋め込みが読み込まれたら動画を自動再生します。 常にミュートされています。

  • クローズドキャプションで再生:埋め込みビデオのクローズドキャプションを有効にします。

  • ミュート:埋め込みビデオをミュートします:

  • リンクのコピーを無効にする:リンクをコピーするボタンを無効にします。

  • アプリケーションテーマ:組み込みプレーヤーでVidcastのライトモードまたはダークモードを強制します。

  • プレーヤーモード:デュアルプレイボタン、ハイライト、またはフルビデオでデフォルトのプレーヤーを埋め込むことができます。

  • プレーヤーのモード切り替えを無効にする:視聴者がハイライトモードとフルビデオモードを切り替えることができるようにするUIを削除します(プレーヤーモードがこれら2つのオプションのいずれかに設定されている場合にのみ使用可能)

  • プレーヤーで何でも聞く機能を無効にする:埋め込みプレーヤーのAMA/AIアシスタント機能を無効にします。

  • ビデオの開始時間:指定されたタイムスタンプで埋め込み再生を開始します。

埋め込みを特定のドメインに制限することもできます。これにより、特定のウェブサイトにのみ動画を埋め込むことができます。

最後に、埋め込みリンクだけをコピーすることも、埋め込みコードだけをコピーすることもできます。

  • 埋め込みリンクを使用すると、メディアリンクを受け入れるツールに動画を埋め込むことができます

  • 埋め込みコードを使用すると、要素全体を必要とするツールやウェブサイトに動画を埋め込むことができます。

動画を埋め込むための「メディアリンク」を受け入れる特定のツールでは、開発者がVidcastを有効なメディアリンクとして認識させる必要があることに注意してください。 たとえば、PowerPointの場合はそうではありません。現在、Vidcastを含める唯一の選択肢は、ビデオをダウンロードしてデバイスからビデオファイルとして埋め込むことです。

制限付きコンテンツを埋め込むと、視聴者は埋め込みプレーヤーからログインまたはサインアップするように求められます。

プレイリストを埋め込んでください

プレイリストを埋め込むには、「ライブラリ」->「プレイリスト」に移動して、埋め込みたいプレイリストをクリックします。 右上の「共有」ボタンをクリックすると、同じ「埋め込み」タブで共有権限を設定できます。

Screenshot of the playlist page with the share button highlighted

再生リストを埋め込むと、視聴者は再生リストのすべての動画を順番に再生できます。 右側に折りたたみ可能なパネルが表示され、埋め込まれたビデオプレーヤーから直接プレイリストをナビゲートできます。

Screenshot of the playlist controls in an embedded player

1つの動画の場合と同様に、プレイリストの埋め込みでは、埋め込みリンク/コードに自動的に追加されるパラメーターを選択することもできます

embed playlist dialogue screenshot

プレイリストでは、次のものを選択できます。

  • 自動再生

  • クローズドキャプションで再生してください

  • ミュート

  • アプリケーションテーマ

  • プレイリストコントロールを拡張してください

  • ビデオ番号でプレイリストを開始します。

プレイリストコントロールを拡張すると、プレイリストコントロールが拡張されたプレイリストと、ビデオ番号でプレイリストを開始できます。どのビデオを最初に再生するかを決めます。

ページを埋め込む

Vidcastページをウェブサイトに直接埋め込むこともできます。 そのためには、ライブラリ-> ページに移動して、埋め込みたいページをクリックしてください。 動画やプレイリストと同様に、共有ボタン(右上)をクリックすると、共有権限ウィンドウを開くことができます。

screenshot of pages with share button selected

埋め込みページの見栄えを良くするには、レスポンシブサイズを使用することをお勧めします。 暗いテーマと明るいテーマのどちらかを選択することもできます。

パラメータを埋め込む

埋め込みリンクの最後に次のパラメータを追加することで、埋め込まれた動画/プレイリストの動作をさらに微調整できます。

?インデックス=0 プレイリストでのみ利用可能ですプレイリストのどのビデオを最初に再生するかを選択します。?index=0は最初のビデオを再生しますか?index=1は、2番目のビデオなどを再生します。
?オートプレイ=1 ビデオとプレイリストで利用可能です ページが読み込まれると、ビデオは自動再生されます。 最近のブラウザには自動再生ポリシーがあり、自動再生コンテンツはすべてミュートになることに注意してください。
?cc=1 すべての埋め込みで利用可能 ビデオはクローズドキャプションをオンにして再生されます。
?t=1 すべての埋め込みで利用可能 ?t=numberofseconds動画のURLに追加して、特定のタイムスタンプで再生を開始します。 たとえば、ビデオを 3:00 に開く場合、パラメータは ?t=1802:45 のビデオなどです。?t=165
?拡張=1 プレイリストでのみ利用可能です プレイリストコントロールを展開した状態でビデオをロードします。

?テーマ=ダーク

?テーマ=ライト

ページでのみ利用可能です 埋め込みページにダークテーマまたはライトテーマを強制します。
?ミュート=1 すべての埋め込みで利用可能 ビデオにミュートを適用します。
?コピードロップダウン=1を無効にする ビデオとプレイリストで利用可能です 埋め込みビデオ/プレイリストのコピーリンクボタンを無効にします。
?AMA=1を無効にします ビデオでのみ利用可能です 埋め込みビデオで Ask Me Anything AIアシスタントを無効にしました。

置換することで、埋め込みに複数のパラメーターを適用することもできますか?それ以降のパラメータには&を付けてください。 例えば:

https://app.vidcast.io/playlists/embed/playlist_link?index=3&t=60&cc=1

このプレイリストは、プレイリストの4番目の動画に1分のタイムスタンプで読み込まれ、クローズドキャプションが自動的に有効になります。

Slidoにビッドキャストを埋め込んでください

Slidoの投票はVidcastに直接追加できますが、逆の方法もあります。 Slidoのライブ配信がある場合は、ゲストが投票に答えながら自分の時間に再生できるVidcastの動画や再生リストを簡単に追加できます。

Slido participant mode with Vidcast playlist embeded

Slidoホストモードで、新しいSlidoを作成して(または既存のSlidoを開いて)、アンケートの質問を追加します。 左側の [設定] をクリックし、[統合] タブを選択して、ライブビデオオプションを有効にします。 そこで、1つの動画またはプレイリストにVidcastの埋め込みコードを追加できます。

Screenshot of slido host mode with live video selected

Webex イベントにビッドキャストを追加してください

Webex Eventsを使用すると、イベントやコミュニティのさまざまな機能にVidcastを組み込むことができ、スポンサー、プレゼンター、スピーカーからの録音済みのメッセージをWebex Eventsに簡単に取り込むことができます。

Screenshot of Vidcast embedded to Webex events

Webex EventにVidcastを組み込むための詳細なガイドについては、Webex Eventヘルプセンターのこの充実した記事をご覧ください。

この投稿記事は役に立ちましたか?
この投稿記事は役に立ちましたか?