埋め込み型動画を使うことで、Tiwtter上で作成された最高の動画コンテンツを動画に最適化されたツイート表示であなたの記事やウェブサイトに取り込めます。
You can now shoot, edit and share video on Twitter. Capture life’s most moving moments from your perspective. pic.twitter.com/31JoMS50ha
— Twitter (@twitter) January 27, 2015
埋め込み型動画では、HTML記述テキストとTwitterでホストしているJavaScript を組み合わせて、フル描写の埋め込み型動画を表示します。
Embedded VideoAn embedded video brings the best video content created on Twitter into your article or website in a video-optimized Tweet display.
An embedded video combines HTML descriptive text with Twitter-hosted JavaScript to display a fully-rendered embedded video. |
Twitter.comで表示される添付動画付きのツイートは埋め込み型動画のマークアップジェネレータを含んでおり、埋め込み型動画のマークアップとTwitter JavaScriptをあなたのページに簡単にコピーペーストできます。あなたのページに実装するHTMLマークアップを生成するには、ツイート文の下にある “More” ツイートアクションを選び、 “Embed Video” を選びます。
Single VideoA Tweet displayed on Twitter.com with an attached video includes an embedded video markup generator to easily copy-and-paste embedded video markup and Twitter JavaScript into your webpage. Select the “More” Tweet action under the Tweet text and select “Embed Video” to generate HTML markup to include on your webpage. |
Twitterの oEmbed APIとwidget_type=video
パラメータを使用して、プログラム上からツイートURLを埋め込み型動画のマークアップに変換します。 あなたのCMSやアプリにツイートを埋め込むのは、ツイートURLをコピーペーストするのと同じくらい簡単です。
https://api.twitter.com/1.1/statuses/oembed.json? url=https://twitter.com/twitter/status/560070183650213889& widget_type=video
Convert Tweet URLs using oEmbedProgrammatically convert a Tweet URL into embedded video markup using Twitter’s oEmbed API and the https://api.twitter.com/1.1/statuses/oembed.json? url=https://twitter.com/twitter/status/560070183650213889& widget_type=video |
埋め込み型動画では、閲覧者が動画の下隅に表示されているツイッターバードのアイコンを選択した時のツイート表示をカスタマイズできます。
ツイートの詳細をオーバーレイ表示するのではなくツイートURLへリンクする場合は、oEmbed のクエリーパラメータ hide_tweet=true
もしくはblockquote 属性 data-status="hidden"
を設定してください。
You can now shoot, edit and share video on Twitter. Capture life’s most moving moments from your perspective. pic.twitter.com/31JoMS50ha
— Twitter (@twitter) January 27, 2015
Customize video displayAn embedded video allows customization of Tweet display when a viewer selects the Twitter bird in the bottom corner of an embedded video display. Set an oEmbed query parameter of
|