vzaar videos and Twitter

Embedding vzaar videos in Twitter is straightforward but there are a few steps you need to follow to ensure your videos appear as intended.

Understanding Twitter Cards

Attaching media to tweets is made possible using a Twitter feature called 'Cards'. Once set up, users who Tweet links to your content will have a "card" added to the Tweet that’s visible to all of their followers.
Twitter provides a range of Card types (essentially templates) which you can use to ensure a positive experience for users of Twitter's web and mobile clients. e.g. a simple summary card, an application card, a player card, a product card

Before you start, be sure to read the background to  Twitter cards.

Tag your pages

You tell Twitter how to handle your content by adding tags to your HTML pages. The tags are described in detail here:  Cards Markup Tag Reference.
A typical set of tags might look like this:
<meta name="twitter:card" content="player">
<meta name="twitter:title" content="Twitter Sharing Test">
<meta name="twitter:description" content="It's a test dinosaur.">
<meta name="twitter:image:src" content="http://resources.vzaar.com/vzaar/vz8/39c/target/vz839cd823d0e44a0fa12d43f9c5627d1d.jpg">
<meta name="twitter:player" content="https://view.vzaar.com/1552452/player">
<meta name="twitter:player:height" content="237">
<meta name="twitter:player:width" content="384">
Obviously, the details such as the video ID will be different for your videos. This is just an example.

Get validated

Once you've got your pages set up with tags, you need to run your URLs against the  Twitter validator tool to be approved.
Note that vzaar has no control over the approval process and, in our experience, approval can take some time. Further, Player cards (which you'll typically be using) and Product cards can take additional time to approve.


After approval, tweet the URL and see the Card appear below your tweet.


Twitter provides analytics to help you measure your results. You can break down your twitter cards by card type, sources, links, etc.