amp-jwplayer

Displays a cloud-hosted JW Player.

Required Script	`<script async custom-element="amp-jwplayer" src="https://cdn.ampproject.org/v0/amp-jwplayer-0.1.js"></script>`
Supported Layouts	fill, fixed, fixed-height, flex-item, nodisplay, responsive
Examples	Annotated code example for amp-jwplayer

Example

The width and height attributes determine the aspect ratio of the player embedded in responsive layouts.

Example:

<amp-jwplayer
    data-player-id="aBcD1234"
    data-media-id="5678WxYz"
    layout="responsive"
    width="16" height="9">
</amp-jwplayer>

Non-responsive layout is also supported.

Example:

<amp-jwplayer
    data-player-id="aBcD1234"
    data-playlist-id="5678WxYz"
    width="160" height="90">
</amp-jwplayer>

Attributes

data-player-id	JW Platform player id. This is an 8-digit alphanumeric sequence that can be found in the Players section in your JW Player Dashboard. (Required)
data-media-id	The JW Platform media id. This is an 8-digit alphanumeric sequence that can be found in the Content section in your JW Player Dashboard. (Required if `data-playlist-id` is not defined.)
data-playlist-id	The JW Platform playlist id. This is an 8-digit alphanumeric sequence that can be found in the Playlists section in your JW Player Dashboard. If both `data-playlist-id` and `data-media-id` are specified, `data-playlist-id` takes precedence. (Required if `data-media-id` is not defined.)
data-content-search	Denotes the type of the playlist. This is a search playlist that takes in a keyword or phrase as the search query and generates a playlist based on that search query. If contextual article matching is desired, use the value `__CONTEXTUAL__` (data-content-contextual must also be `true`).)
data-content-contextual	Enables the Player to grab the OG title (or HTML title if there is no OG title) of a given webpage and use that as the search query (required to do Contextual Article Matching). ('true' or 'false')
data-content-recency	Limits the videos added into the playlist based on their age (i.e. the playlist includes videos that are max [xx] days old). Specified in the format `xD`, where x is a numerical value (i.e. `'9D'`).
data-content-backfill	Ensures that there is always a search result. If there are no search results for the given query, this parameter ensures that a list of trending videos are served. ('true' or 'false')
common attributes	This element includes common attributes extended to AMP components.

Validation

See amp-jwplayer rules in the AMP validator specification.

Need more help?

You've read this document a dozen times but it doesn't really cover all of your questions? Maybe other people felt the same: reach out to them on Stack Overflow.

Go to Stack Overflow

Found a bug or missing a feature?

The AMP project strongly encourages your participation and contributions! We hope you'll become an ongoing participant in our open source community but we also welcome one-off contributions for the issues you're particularly passionate about.

Go to GitHub