#BlackLivesMatter
Do you build things with AMP? Fill out the new AMP Developer Survey!
AMP
  • websites

amp-jwplayer

Introduction

Use the amp-jwplayer extension to embed jwplayer videos in your AMP HTML files.

Setup

Import the amp-jwplayer component in the header.

<script async custom-element="amp-jwplayer" src="https://cdn.ampproject.org/v0/amp-jwplayer-0.1.js"></script>

Basic usage

Embed jwplayer videos via the data-media-id and data-player-id attributes. We recommend using the responsive layout for videos.

<amp-jwplayer data-media-id="BZ6tc0gy"
  data-player-id="uoIbMPm3"
  layout="responsive"
  width="16"
  height="9">
</amp-jwplayer>

Playlist support

It's also possible to embed a jwplayer video playlist via the data-playlist-id and data-player-id attributes.

<amp-jwplayer data-playlist-id="482jsTAr"
  data-player-id="uoIbMPm3"
  layout="responsive"
  width="16"
  height="9">
</amp-jwplayer>
需要进一步说明?

如果此页面的说明未能涵盖您的所有问题,欢迎与其他 AMP 用户取得联系,讨论您的具体用例。

前往 Stack Overflow
一项无法解释的功能?

AMP 项目强烈鼓励您参与其中并作出贡献!我们希望您能成为我们开源社区的持续参与者,但我们也欢迎您对热衷问题做出单次贡献。

在 GitHub 上编辑实例