Displays a cloud-hosted JW Player.
|Supported Layouts||fill, fixed, fixed-height, flex-item, nodisplay, responsive|
|Examples||Annotated code example for amp-jwplayer|
height attributes determine the aspect ratio of the player embedded in responsive layouts.
<amp-jwplayer data-player-id="aBcD1234" data-media-id="5678WxYz" layout="responsive" width="16" height="9" > </amp-jwplayer>
Non-responsive layout is also supported.
<amp-jwplayer data-player-id="aBcD1234" data-playlist-id="5678WxYz" width="160" height="90" > </amp-jwplayer>
|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||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-content-search||Denotes the type of the playlist. If contextual article matching is desired, use the value
|data-content-backfill||Ensures that a search or contextual playlist always returns a result. If there are no relevant results for the given query, this parameter ensures that a list of trending videos are served instead. (Boolean with default:
|common attributes||This element includes common attributes extended to AMP components.|
See amp-jwplayer rules in the AMP validator specification.
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