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

amp-springboard-player

Introduction

Use the amp-springboard-player component to embed videos hosted on the Springboard Video Platform in your AMP HTML files.

Setup

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

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

Basic usage

Embed videos hosted on the Springboard Video Platform via the data-site-id, data-domain, data-player-id, data-content-id attributes. The data-mode attribute is used to determine if this is a single video or playlist. If it's a playlist, the data-items attribute specifies the number of items in the playlist. We recommend using the responsive layout for videos.

<amp-springboard-player data-site-id="261"
  data-mode="video"
  data-content-id="1578473"
  data-player-id="test401"
  data-domain="test.com"
  data-items="10"
  layout="responsive"
  width="480"
  height="270">
</amp-springboard-player>
さらに説明が必要ですか?

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

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

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

GitHub でサンプルを編集する