Skip to content

Latest commit

 

History

History
 
 

extensions

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
amp-a4a
amp-a4a
 
 
amp-access-laterpay
amp-access-laterpay
 
 
amp-access
amp-access
 
 
amp-accordion
amp-accordion
 
 
amp-ad-network-adsense-impl
amp-ad-network-adsense-impl
 
 
amp-ad-network-cloudflare-impl
amp-ad-network-cloudflare-impl
 
 
amp-ad-network-doubleclick-impl
amp-ad-network-doubleclick-impl
 
 
amp-ad-network-fake-impl
amp-ad-network-fake-impl
 
 
amp-ad-network-triplelift-impl
amp-ad-network-triplelift-impl
 
 
amp-ad
amp-ad
 
 
amp-analytics
amp-analytics
 
 
amp-anim
amp-anim
 
 
amp-animation
amp-animation
 
 
amp-apester-media
amp-apester-media
 
 
amp-app-banner
amp-app-banner
 
 
amp-audio
amp-audio
 
 
amp-auto-ads
amp-auto-ads
 
 
amp-bind
amp-bind
 
 
amp-brid-player
amp-brid-player
 
 
amp-brightcove
amp-brightcove
 
 
amp-call-tracking
amp-call-tracking
 
 
amp-carousel
amp-carousel
 
 
amp-crypto-polyfill/0.1
amp-crypto-polyfill/0.1
 
 
amp-dailymotion
amp-dailymotion
 
 
amp-dynamic-css-classes
amp-dynamic-css-classes
 
 
amp-experiment
amp-experiment
 
 
amp-facebook
amp-facebook
 
 
amp-fit-text
amp-fit-text
 
 
amp-font
amp-font
 
 
amp-form
amp-form
 
 
amp-fresh/0.1
amp-fresh/0.1
 
 
amp-fx-flying-carpet
amp-fx-flying-carpet
 
 
amp-fx-parallax
amp-fx-parallax
 
 
amp-gfycat
amp-gfycat
 
 
amp-google-vrview-image
amp-google-vrview-image
 
 
amp-hulu
amp-hulu
 
 
amp-iframe
amp-iframe
 
 
amp-image-lightbox
amp-image-lightbox
 
 
amp-instagram
amp-instagram
 
 
amp-install-serviceworker
amp-install-serviceworker
 
 
amp-izlesene
amp-izlesene
 
 
amp-jwplayer
amp-jwplayer
 
 
amp-kaltura-player
amp-kaltura-player
 
 
amp-lightbox-viewer/0.1
amp-lightbox-viewer/0.1
 
 
amp-lightbox
amp-lightbox
 
 
amp-list
amp-list
 
 
amp-live-list
amp-live-list
 
 
amp-mustache
amp-mustache
 
 
amp-o2-player
amp-o2-player
 
 
amp-ooyala-player
amp-ooyala-player
 
 
amp-pinterest
amp-pinterest
 
 
amp-playbuzz
amp-playbuzz
 
 
amp-reach-player
amp-reach-player
 
 
amp-reddit
amp-reddit
 
 
amp-selector
amp-selector
 
 
amp-share-tracking
amp-share-tracking
 
 
amp-sidebar
amp-sidebar
 
 
amp-slides
amp-slides
 
 
amp-social-share
amp-social-share
 
 
amp-soundcloud
amp-soundcloud
 
 
amp-springboard-player
amp-springboard-player
 
 
amp-sticky-ad
amp-sticky-ad
 
 
amp-twitter
amp-twitter
 
 
amp-user-notification
amp-user-notification
 
 
amp-video
amp-video
 
 
amp-viewer-integration
amp-viewer-integration
 
 
amp-vimeo
amp-vimeo
 
 
amp-vine
amp-vine
 
 
amp-viz-vega
amp-viz-vega
 
 
amp-youtube
amp-youtube
 
 
README.md
README.md
 
 

README.md

AMP HTML Extensions

AMP Extensions are either extended components or extended templates.

AMP HTML Extended Components

Extended components must be explicitly included into the document as custom elements.

For example, to include a YouTube video in your page include the following script in the <head>:

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

Current list of extended components by category:

Access

Component Description
amp-access Provides AMP paywall and subscription support.

Ads

Component Description
amp-ad Container to display an ad.
amp-embed An alias to the amp-ad tag.

Analytics

Component Description
amp-analytics Captures analytics data from an AMP document.
amp-experiment Conducts user experience experiments on an AMP document.

Audio/Video

Component Description
amp-audio Replaces the HTML5 audio tag.
amp-o2-player Displays a AOL O2Player.
amp-brid-player Displays a Brid.tv player.
amp-brightcove Displays a Brightcove Video Cloud or Perform player.
amp-dailymotion Displays a Dailymotion video.
amp-gfycat Displays a Gfycat video GIF.
amp-izlesene Displays a Izlesene video.
amp-jwplayer Displays a cloud-hosted JW Player.
amp-kaltura-player Displays the Kaltura Player as used in Kaltura's Video Platform.
amp-ooyala-player Displays an Ooyala player.
amp-reach-player Displays a Beachfront Reach video player.
amp-soundcloud Displays a Soundcloud clip.
amp-springboard-player Displays a Springboard Platform video player
amp-vimeo Displays a Vimeo video.
amp-vine Displays a Vine simple embed.
amp-youtube Displays a YouTube video.

Dynamic lists

Component Description
amp-list Dynamically downloads data and creates list items using a template.
amp-live-list Provides a way to display and update content live.

Forms

Component Description
amp-form Provides form support.

Frames

Component Description
amp-iframe Displays an iframe.

Presentation

Component Description
amp-accordion Provides a way for viewers to have a glance at the outline of the content and jump to a section of their choice at will.
amp-anim Manages an animated image, typically a GIF.
amp-carousel Displays multiple similar pieces of content along a horizontal axis.
amp-dynamic-css-classes Adds several dynamic CSS class names onto the HTML element.
amp-fit-text Expands or shrinks font size to fit the content within the space given.
amp-font Triggers and monitors the loading of custom fonts.
amp-fx-flying-carpet Wraps its children in a unique full-screen scrolling container allowing you to display a full-screen ad without taking up the entire viewport.
amp-image-lightbox Allows for an “image lightbox” or similar experience.
amp-lightbox Allows for a “lightbox” or similar experience.
amp-mustache Allows rendering of Mustache.js templates.
amp-sidebar Provides a way to display meta content intended for temporary access such as navigation, links, buttons, menus.
amp-sticky-ad Provides a way to display and stick ad content at the bottom of the page.
amp-user-notification Displays a dismissable notification to the user.

Scripts

Component Description
amp-install-serviceworker Installs a ServiceWorker.

Social

Component Description
amp-facebook Displays a Facebook post or video.
amp-gfycat Displays a Gfycat video GIF.
amp-instagram Displays an Instagram embed.
amp-pinterest Displays a Pinterest widget or Pin It button.
amp-reddit Displays a Reddit post or comment.
amp-social-share Displays a social share button.
amp-twitter Displays a Twitter tweet.
amp-vine Displays a Vine simple embed.

AMP HTML Extended Templates

See the AMP template spec for details about supported templates.