お寿司か焼き肉食べたい

まじめな事からしょーもない事まで
めにゅーを開く(投げやり)

amp-reddit

Redditのコメントや投稿を表示します。

プラグインの読み込み

amp-redditを使用する場合は別途プラグインの読み込みが必要です。
amp.jsの後にでも読み込ませましょう。

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

基本構文と動作

どんな書き方でどんな動きすんのかを。まず簡単なものを。

Redditの投稿

<amp-reddit
  layout="responsive"
  width="300"
  height="400"
  data-embedtype="post"
  data-src="https://www.reddit.com/r/me_irl/comments/52rmir/me_irl/?ref=share&ref_source=embed">
</amp-reddit>

Redditのコメント

<amp-reddit
  layout="responsive"
  width="400"
  height="400"
  data-embedtype="comment"
  data-src="https://www.reddit.com/r/sports/comments/54loj1/50_cents_awful_1st_pitch_given_a_historical/d8306kw"
  data-uuid="b1246282-bd7b-4778-8c5b-5b08ac0e175e"
  data-embedcreated="2016-09-26T21:26:17.823Z"
  data-embedparent="true"
  data-embedlive="true">
</amp-reddit>

各種プロパティについて

data-embedtype必須 表示形式の指定をします。
post
comment
が指定できます。
data-src必須 投稿またはコメントのURLを指定します。
data-uuid 表示形式をcommnetにしている場合に有効です。
コメントに埋め込まれたUUIDを指定します。
data-embedcreated 表示形式をcommnetにしている場合に有効です。
コメント埋め込みのdatetime文字列
data-embedparent 表示形式をcommnetにしている場合に有効です。
親コメントを埋め込みに含めるかどうかを示します。
data-embedlive 表示形式をcommnetにしている場合に有効です。
元のコメントが更新された場合に埋め込みコメントが更新されるかどうかを示します。