Articles in this section

See more

Add a video's Open Graph Facebook tags to your webpage

Avatar
Brendan O'Driscoll
  • Updated

Facebook uses Open Graph tags to collect information (or metadata) about webpages, videos, and other media that are posted to its platform.

These tags tell Facebook how the display a video on a user's feed. What is the player thumbnail? What is the description? Player dimensions, etc?

Open Gragh tags are automatically added to Vidyard player sharing pages (at http://embed.vidyard.com/share/UUID).

You can copy the Open Graph tags from your sharing page and add them to your own webpage where the player is embedded. This way, when someone shares your webpage to Facebook, the metadata associated with the video can be retrieved, and the thumbnail to the video displayed in the Facebook feed.

It's good to keep in mind Vidyard uses the player description (and not the video description) for the Open Graph tags.

You can find the Open Graph tags in the head tag of the sharing page.
A list of Open Graph tags from the head tab of the page source.

The tags should look like this:

  <meta property="fb:admins" content="42301029" />
  <meta property="og:image" content="https://secure.vidyard.com/embed/ViOHGiaohnH7t-vtTJZwkw/thumbnail.jpg" />
  <meta property="og:url" content="https://secure.vidyard.com/share/ViOHGiaohnH7t-vtTJZwkw" />
  <meta property="og:site_name" content="Vidyard" />
  <meta property="og:type" content="movie" />
  <meta property="og:title" content="Vidyard Tour - Chapter 03" />
  <meta property="og:video:width" content="400" />
  <meta property="og:video:height" content="225" />
  <meta property="og:description" content="" />
  <meta property="video:duration" content="53">
  <meta property="og:video:type" content="application/x-shockwave-flash" />
  <meta property="og:video" content="https://secure.vidyard.com/flash/flowplayer.vidyard-3.2.16.1.swf?config=https://secure.vidyard.com/playbackengine/ViOHGiaohnH7t-vtTJZwkw/type/standalone" />
  <meta property="og:video:type" content="video/mp4" />
  <meta property="og:video" content="https://cdn.vidyard.com/videos/OM37DED-4cN19ORYHyHvZQ/sd.mp4?68e9eca9942e167098e206c25f25dadfd88db175ffc987849171979f1e71c3b93c800176e2d70177113b05fee841756b46bce0c323cacadcb39df704378c75ae" />

Related articles