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>
さらに説明が必要ですか?

このページの説明でご質問のすべてを解消できない場合は、あなたの実際の使用事例について他の AMP ユーザーに問い合わせて話し合ってください。

Stack Overflow にアクセスする
説明されていない機能ですか?

AMP プロジェクトでは皆さんの参加と貢献を強くお勧めしています!当社はオープンソースコミュニティに継続的にご参加いただくことを希望しますが、特に熱心に取り組んでいる問題があれば1回限りの貢献でも歓迎します。

GitHub でサンプルを編集する