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

amp-o2-player

Introduction

Use the amp-o2-player component to embed the o2 player into your AMP HTML files.

Setup

Import the amp-o2-player component in the header.

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

Basic usage

To embed o2 player in your AMP HTML page you need to add amp-02-player tag with two mandatory parameters:

  1. data-pid

  2. data-vid or data-bcid

Other supported parameters are:

  1. data-bid

  2. data-macros

  3. layout (we recommend to use responsive)

  4. width (defines aspect ratio of the player)

  5. height (defines aspect ratio of the player)

<amp-o2-player data-pid="579a115aa01b4d2db062aa85"
  data-bcid="545db032e4b0af1a81424b48"
  data-macros="m.playback=click"
  layout="responsive"
  width="480"
  height="270">
</amp-o2-player>
Besoin de plus amples explications ?

Si les explications de cette page ne répondent pas à vos questions, n'hésitez pas à contacter d'autres utilisateurs d'AMP pour discuter de votre cas d'utilisation spécifique.

Se rendre sur Stack Overflow
Une fonctionnalité n'a pas encore été expliquée ?

Le projet AMP encourage fortement votre participation et vos contributions ! Nous espérons que vous deviendrez un membre régulier de notre communauté open source, mais nous serons également ravis de recevoir des contributions ponctuelles concernant les questions qui vous intéressent particulièrement.

Modifier l'exemple sur GitHub