X (旧Twitter) プレーヤーカードへの動画共有

デフォルトでは、視聴者が Brightcove Player のソーシャル共有機能を使用して動画をツイートすると、動画を含むページの URL が視聴者の X フィードに表示されます。

Xは、Xカードでコンテンツを表示するオプションを提供しており、ウェブサイトにトラフィックを誘導するツイートに写真や動画を添付することができます。Xカードを使用すると、Xフィードに埋め込みプレーヤーが表示されます。

動画のサムネイルをクリックすると、X フィード内の Brightcove Player を使用して動画が再生されます。

X プレーヤーカードの設定

Xプレーヤーカードを実装するには、以下の手順を完了する必要があります:

(オプション）動画をホストするページを作成する。
必要なXのメタタグをページに追加する。
Xのバリデータツールを使ってURLを検証する。
ホワイトリストの承認をリクエストする。

これらの手順が完了すると、プレーヤーへのURLをツイートすることができ、詳細表示のツイートの下に Xカードが表示されます。

(オプション）動画をホストするページを作成する

動画がページに公開されていない場合は、動画をホストするHTMLページを作成する必要があります。ページを作成する際は、以下のガイドラインに従ってください:

プレーヤーのソーシャル共有を有効にし、X オプションを有効にしてください。
プレーヤーのサイズをレスポンシブに設定するか、プレーヤーのサイズが X フィード内に収まることを確認してください（幅約 480 ピクセル）。
動画を公開する際は、標準 (iframe) の埋め込みコードを使用します。

必要なXメタタグをページに追加する

X プレーヤーカードを有効にするには、ページに X固有のメタタグを追加する必要があります。

名称	内容
X:card	Xカードのタイプ; "player "に設定する必要があります。
X:title	カードに表示されるコンテンツのタイトル。
X:site	カードが属する X の @ユーザー名
X:description	コンテンツの説明（オプション）
X:player	iframe プレーヤーへの HTTPS URL。これは、Web ブラウザでアクティブな混合コンテンツの警告を生成しない HTTPS URL である必要があります (プレーヤーをホストしているページの URL)。
X:player:width	X:player で指定されたIFRAMEの幅（ピクセル単位)
X:player:height	X:playerで指定されたIFRAMEの高さ（ピクセル単位)
X:image	iframeまたはインラインプレーヤーをサポートしていないプラットフォームで、プレーヤーの代わりに表示される画像。この画像はプレーヤーと同じサイズにする必要があります。

以下は X のメタタグのサンプルです:

<meta name="twitter:card" content="player" />
<meta name="twitter:title" content="Bison in Yellowstone" />
<meta name="twitter:site" content="@BrightcoveLearn">
<meta name="twitter:description" content="Bison walking in Yellowstone National Park." />
<meta name="twitter:player" content="https://solutions.brightcove.com/bcls/twittercards/bison.html" />
<meta name="twitter:player:width" content="360" />
<meta name="twitter:player:height" content="200" />
<meta name="twitter:image" content="https://solutions.brightcove.com/bcls/twittercards/bison.jpg" />

Xはツイートをキャッシュするため、Xのメタタグに変更を加えている場合、その変更が新しいツイートに反映されないことがあります。タイトルタグを変更することで、最新の変更が反映されていることを確認できます。テスト時にキャッシュの問題を回避する方法については、X ドキュメントを参照して下さい。

X バリデータツールを使ってURLを検証する

metaタグを追加してページを公開したら、ページのURLをX カードバリデータにコピー＆ペーストし、プレビューカードをクリックします。

ホワイトリストの承認をリクエストする

ドメインが Xのホワイトリストに登録されていない場合、プレーヤーカードは表示されません。URLを検証する際、URLがホワイトリストに登録されていない旨のメッセージが表示されます。承認プロセスの詳細については、X ドキュメントをご覧下さい。