Description | Displays a Reddit comment or post embed. |
Availability | Stable |
Required Script | <script async custom-element="amp-reddit" src="https://cdn.ampproject.org/v0/amp-reddit-0.1.js"></script> |
Supported Layouts | fill, fixed, fixed-height, flex-item, responsive |
Examples | reddit.amp.html |
Use the amp-reddit
component to embed a Reddit post or comment.
Example: Embedding a Reddit post
<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>
Example: Embedding a Reddit comment
<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 (required)
The type of embed, either post
or comment
.
data-src (required)
The permamlink uri for the post or comment.
data-uuid
The provided UUID for the comment embed. Supported when data-embedtype
is comment
.
data-embedcreated
The datetime string for the comment embed. Supported when data-embedtype
is comment
.
data-embedparent
Indicates whether the parent comment should be included in the embed. Supported when data-embedtype
is comment
.
data-embedlive
Indicates whether the embedded comment should update if the original comment is updated. Supported when data-embedtype
is comment
.
common attributes
This element includes common attributes extended to AMP components.
See amp-reddit rules in the AMP validator specification.