amp-playbuzz
Beachfront Reachプラットフォームで設定されたReach Playerを表示します。
プラグインの読み込み
amp-playbuzzを使用する場合は別途プラグインの読み込みが必要です。
amp.jsの後にでも読み込ませましょう。
<script async custom-element="amp-playbuzz" src="https://cdn.ampproject.org/v0/amp-playbuzz-0.1.js"></script>
基本構文と動作
どんな書き方でどんな動きすんのかですが、なんか例が3パターンあったので。
Playbuzzアイテム(情報、共有ボタン、コメントなし)
<amp-playbuzz src="https://www.playbuzz.com/HistoryUK/10-classic-christmas-movies" height="500"> </amp-playbuzz>
アイテムIDによるPlaybuzzアイテム(アイテムの埋め込みコードにあります)
<amp-playbuzz data-item="a6aa5a14-8888-4618-b2e3-fe6a30d8c51b" height="500"> </amp-playbuzz>
オプションのパラメータ(info、share-buttons、comments):
<amp-playbuzz src="https://www.playbuzz.com/HistoryUK/10-classic-christmas-movies" height="500" data-item-info="true" data-share-buttons="true" data-comments="true"> </amp-playbuzz>
各種プロパティについて
src | 再生したいアイテムのURLを直接指定します。 |
---|---|
data-item | PlaybuzzアイテムのアイテムIDです。アイテムの埋め込みコード(playbuzzウェブサイトのアイテムのページ)から取得できます。 |
data-item-info | 作成日、作成者名などのデータ情報を表示するかどうかを示します。 |
data-share-buttons | 共有ボタンを表示するかどうかを示します。 |
data-comments | ユーザーのコメントを表示するかどうかを示します。 |