Do you build things with AMP? Fill out the new 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>
¿Necesita explicaciones más detalladas?

Si las explicaciones que se encuentran en esta página no responden todas sus preguntas, no dude en comunicarse con otros usuarios de AMP para discutir el caso de uso exacto.

Ir a Stack Overflow
¿Faltó que explicáramos alguna función?

¡El proyecto AMP alienta profundamente su participación y contribuciones! Esperamos que se convierta en un miembro permanente de nuestra comunidad de código abierto, pero también agradecemos las contribuciones esporádicas sobre los temas que le apasionan especialmente.

Editar ejemplo en GitHub