<img src="https://img.shields.io/badge/%20-ALL-%2300B180" style="float:left"/><br />

Once you upload a video, you can embed it in a <a href="https://developers.facebook.com/docs/instant-articles">Facebook Instant Article</a>, which are HTML documents that quickly render on mobile devices. By using Facebook Instant Articles, you are able to personalize your stories in a unique format.

<br />

JWP players cannot be embedded directly into the page and are restricted to iframes.

<br /> <hr />

## Limitations

JW Players cannot be embedded directly into the page and are restricted to iframes.

Facebook Instant Articles do not support:

  • Autoplaying videos on iOS devices

  • Casting on Android devices

<br />

General limitations of iframes include:

  • Social sharing URLs are restricted to the top level domain, not the specific page URL

<br /> <hr />

## Requirements

  • <a href="https://developers.facebook.com/docs/instant-articles/guides/articlecreate" target="_blank">Facebook Instant Article</a>

  • <a href="/platform/docs/vdh-upload-videos" target="_blank">Video in your JWP dashboard</a>

<br /> <hr />

## Enhancing a Facebook Instant Article with Video

To embed a video and video player into a Facebook Instant Article, you need to get the JWP embed code and add it to a `<figure>` element in the Facebook Instant Article. The following sections explain each task in detail.

<br />

### Get the JWP embed code

  1. From the JWP dashboard <a href="https://dashboard.jwplayer.com/#/content/list"><strong>Media Library</strong></a>, locate and hover over the name of the video you want to embed. Additional video actions appear at the end of the row.

  2. Click **Embed**. The Embed a Video popup screen appears.

  3. Choose a **Player**.

  4. Copy the **Embed Code** on the **IFRAME** tab.

<br /> <br />

### Add the embed code a Facebook Instant Article

  1. Wrap the standard iframe embed code in an HTML `<figure>` element. As per <a href="https://developers.facebook.com/docs/instant-articles/reference/embeds" target="_blank">Facebook</a>, add `class="op-interactive"` to this element.


<br />

  1. If not included in the JWP embed code, specify the width and height of the iframe. Facebook uses these <a href="https://developers.facebook.com/docs/instant-articles/reference/embeds#options" target="_blank">dimensions</a> to determine the aspect ratio and scale the iframe.


<br />

<!-- Removes the automatic page-to-page navigation at the bottom of the page -->

<style> .rm-Pagination { display: none; } </style>