YouTube ChannelSchedule a CallSubscribe for Updates

ビデオプレーヤー

Avonni ビデオプレーヤーは、ソース、再生動作、音量、視覚的スタイルを制御するための構成可能なビデオ再生オプションを提供します。

Avonni Video Player コンポーネントを使用すると、Dynamic Components 内に動画を埋め込み、直接再生できます。さまざまなビデオソース（直接の URL、YouTube、Vimeo、Salesforce ファイル）をサポートし、再生、表示、動作を制御するための幅広い設定オプションを提供します。

概要

Video Player コンポーネントは、動画コンテンツをアプリおよびレコードページに統合するためのユーザーフレンドリーな方法を提供します。主な機能は次のとおりです：

  • 複数のソースオプション： 直接 URL（MP4 など）、YouTube、Vimeo、または Salesforce ファイルから動画を再生できます。

  • 再生コントロール： 自動再生、ループ、プレーヤーコントロールの表示/非表示を設定できます。

  • オーディオと速度の制御： 初期音量を設定し、再生速度を調整できます。

  • カスタマイズ可能な外観： （該当する場合 — スタイリングオプションは実際のコンポーネントで確認してください）

Video Player の設定

キャンバス上で Video Player コンポーネントを選択すると、プロパティパネル（右側のパネル）でそのプロパティにアクセスできます。

基本プロパティ

  • API 名： (テキスト) このコンポーネントインスタンスの一意の識別子（例： ProductDemoVideo, WelcomeVideo).

  • ソースタイプ： （テキスト - オプションから選択）動画のソースを選択してください：

    • URL：サーバーにホストされた MP4 ファイルなど、動画ファイルへの直接 URL を指定します。

    • YouTube：YouTube の動画 ID を指定します（YouTube URL の v= の後の部分）。 v=）。例：次の場合： https://www.youtube.com/watch?v=dQw4w9WgXQU、ID は dQw4w9WgXQU.

    • Vimeo：Vimeo の動画 ID を指定します。 重要： Vimeo の動画を使用する場合、 まず も追加してください https://vimeo.com および https://*.vimeo.com を Salesforce の Trusted URLs（セットアップ > セキュリティ > Trusted URLs）に追加し、これらのサイトに対してすべての CSP 指令を有効にしてください。これはセキュリティ上の要件です。

    • Salesforce ファイル：Salesforce ファイル（ContentDocument）として保存された動画ファイルを再生します。Content Document ID を指定する必要があります。

  • URL/ファイル/ID： （テキスト）選択した ソースタイプ に応じた実際の URL、ファイル ID、または動画 ID を指定します。

再生の動作

  • 自動再生： （ブール - チェックボックス）有効にすると、コンポーネントが読み込まれたときに動画が自動的に再生されます。 重要： ほとんどのブラウザでは、自動再生を機能させるために動画を ミュート にする必要があります。ユーザーは手動でミュートを解除する必要があります。

  • コントロールを非表示： （ブール - チェックボックス）有効にすると、標準のビデオプレーヤーコントロール（再生/一時停止、音量、フルスクリーンなど）が非表示になります。背景動画や、プログラムで再生を制御したい場合（Avonni がサポートする場合）に使用してください。

  • ループ： （ブール - チェックボックス）有効にすると、動画が終了に達したときに自動的に最初から再生されます。

オーディオと速度

  • 音量： （数値） 動画の 初期 音量レベルを設定します（0 = ミュート、100 = 最大音量）。ユーザーは通常、プレーヤーコントロールを使って音量を調整できます（ただし コントロールを非表示

  • が有効になっている場合を除きます）。 再生速度：

    • 1（数値）再生速度を制御します。

    • 0.5：通常速度。

    • 2：半分の速度。

    • ：2 倍速。

など...

  1. 例：YouTube 動画の再生 Video Player を追加：

  2. キャンバスに Video Player コンポーネントをドラッグします。 API 名を設定： 名前を付けます（例：).

  3. YouTubeDemoVideo ソースタイプを設定： ソースタイプ を YouTube.

  4. YouTube ID を入力： YouTube の動画を見つけます（例： https://www.youtube.com/watch?v=dQw4w9WgXQU）。動画 ID をコピーします（この場合はdQw4w9WgXQU ）を URL/ファイル/ID プロパティに貼り付けます。

  5. 自動再生を設定（任意）： 動画を自動再生したい場合は、 自動再生を有効にします。動画は最初はミュートされている可能性が高いことに注意してください。

  6. プレビュー： Dynamic Component をプレビューします。YouTube 動画が Video Player コンポーネント内で再生されるはずです。

重要な考慮事項

  • Vimeo の設定： Vimeo 動画には追加の設定手順（Trusted URLs の追加）が必要であることを忘れないでください。

  • ブラウザの自動再生ポリシー： ブラウザの自動再生制限に注意してください。自動再生される動画は通常デフォルトでミュートされています。

  • アクセシビリティ： コントロールを非表示にする場合は、ユーザーが再生を制御できる代替手段（例えば、Avonni がサポートする場合に動画プレーヤーと相互作用するカスタムボタンなど）を用意してください。

  • ファイルアクセス： Salesforce ファイルを使用する場合、ユーザーがファイルにアクセスするための必要な権限を持っていることを確認してください。

  • 著作権： 使用する権利がある動画のみを使用してください。

まとめ

Video Player コンポーネントは、URL、YouTube、Vimeo、Salesforce ファイルなどのさまざまなソースから動画を再生できます。コンポーネントはビデオプレーヤーをカスタマイズするための複数の設定を提供します

最終更新

役に立ちましたか？