サイトのトップへ戻る

Twitter 開発者 ドキュメント日本語訳




Vine 動画の埋め込み

Vine 動画を埋め込むことで、Vine上で公開されている最高のコンテンツをあなたの記事やウェブサイトに取り込むことができます。 Vine 動画を埋め込むにはHTML iframeとJavaScript をあなたのページに追加して、現在の表示環境に最も適した形式で動画コンテンツを表示します。

Generate a Vine embed HTML snippet by selecting the “Embed” share item on a Vine video page or under the “Share” link on an existing Vine embed. 開発者は、Vine のoEmbed エンドポイントを使ってプログラム上で Vine URLを 埋め込み HTML に変換できます。



埋め込み形式

シンプル形式

Vine simple embed hover

シンプル形式の Vine 埋め込みでは、Vine動画を再生するための最小限のインタフェースが使用できます。 シンプル形式の Vine 埋め込みは四角形の表示範囲を使用して、動画の表示を最大化します; 閲覧者が表示範囲をクリックすると、追加で動画の詳細が表示されます。

ポストカード形式

Vine postcard embed

ポストカード形式の Vine 埋め込みでは、動画表示の上部と下部に動画情報を含んでいます。



カスタマイズオプション

サイズ変更や音声の自動再生を使い、あなたのサイトに合わせて Vine 埋め込みをカスタマイズします。

埋め込みサイズ

ページ上にVine埋め込みをリクエストするためのframeを作成するには、iframeにwidth属性とheight属性を設定します。

音声の自動再生

既定では、Vine は動画音声が無効になっています。audio=1の埋め込みクエリパラメータを設定するか、 埋め込みコードマークアップビルダーでautoplay オプションを選ぶことで、音声の自動再生を有効にします。