AMP
Something went wrong while trying to load more search results.
We apologize for the inconvenience caused.
Please try again later.

;(

Something went wrong…

…while trying to load the search results.
We apologize for the inconvenience caused.
Please try again later.

The AMP Component Catalogue

The AMP HTML library consists of a basic runtime that brings the core functionalities of AMP to your page. If you want to add additional features you can do so by using one or more of the ready-to-use AMP components. They are classified as:

Built-in Components that are included in the base library, such as amp-img and amp-pixel.
Extended Extensions to the base library that must be explicitly included in the document as custom elements.
Experimental Components that are released but are not yet ready for wide use.

Highlighted Components

Filter by category

動的コンテンツ

amp-access-laterpay
このコンポーネントにより、サイト運営者は LaterPay マイクロペイメント プラットフォームと簡単に統合できます。
amp-access-poool
Displays a Poool paywall. See poool.tech and demo.poool.tech for...
amp-access
AMP ペイウォールとサブスクリプションのサポートを提供します。
amp-action-macro
Creates reusable actions.
amp-autocomplete
Suggests completed results corresponding to the user input as they...
amp-bind
データ バインディングや JS に似た単純な式を使用して、ユーザーの操作やデータの変更に応じた要素の変更を可能にします。
amp-byside-content
Displays dynamic content from the BySide service.
amp-consent
Provides the ability to collect and store a user's consent through...
amp-date-picker
Provides a calendar widget to select dates.
amp-form
Allows you to create forms to submit input fields in an AMP document.
amp-geo
Provides an approximate country-level geolocation interface.
amp-gist
Creates an iframe and displays a Gist from GitHub
amp-google-document-embed
Displays a document file supported by Google Drive.
amp-inputmask
Provides input masking capabilities to inputs in AMP forms
amp-install-serviceworker
Installs a ServiceWorker.
amp-link-rewriter
Allows publishers to rewrite URL based on configurable pattern
amp-list
データを動的にダウンロードし、テンプレートを使用してリスト項目を作成します。
amp-live-list
Provides a way to display and update content live.
amp-mustache
Mustache.js テンプレートのレンダリングを可能にします。
amp-next-page
Dynamically loads more documents recommended for the user.
amp-script
Allows running custom JavaScript to render UI.
amp-selector
オプションのメニューを提示し、ユーザーに選択を求めるコントロールを表示します。
amp-smartlinks
Run Narrativ's Linkmate process inside your AMP page
amp-subscriptions-google
Implements subscription-style access protocol for Subscribe with Google.
amp-subscriptions
Implements subscription-style access protocol.
amp-user-notification
Displays a dismissable notification to the user.
amp-video-docking
Functionality for videos that minimize ("dock") to a corner or a...
amp-web-push
Allows users to subscribe to web push notifications.

メディア

amp-3d-gltf
GL Transmission Format(glTF)の 3D モデルを表示します。
amp-3q-player
Embeds videos from 3Q SDN.
amp-anim
Manages an animated image, typically a GIF.
amp-apester-media
Displays an Apester smart unit.
amp-audio
Replaces the HTML5 audio tag.
amp-bodymovin-animation
Displays an AirBnB Bodymovin animation player, which renders an...
amp-brid-player
Displays a Brid.tv player.
amp-brightcove
Displays a Brightcove Video Cloud or Perform player.
amp-connatix-player
Displays a cloud-hosted Connatix Player.
amp-dailymotion
Displays a Dailymotion video.
amp-delight-player
The amp-delight-player element displays a cloud-hosted Delight Player.
amp-embedly-card
Displays an Embedly card.
amp-google-vrview-image
Displays a VR image.
amp-hulu
Displays a simple embedded Hulu video.
amp-ima-video
Embeds a video player for instream video ads that are integrated...
amp-img
HTML5 の img タグを置き換えます。
amp-imgur
Displays an Imgur post.
amp-izlesene
Displays an 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-mowplayer
Displays a cloud-hosted Mow Player.
amp-nexxtv-player
Displays a media stream from the nexxOMNIA platform.
amp-o2-player
Displays an AOL O2Player.
amp-ooyala-player
Displays an Ooyala video.
amp-playbuzz
Displays any Playbuzz content (e.g., list, poll, etc.).
amp-powr-player
An amp-powr-player component displays the Powr Player as...
amp-reach-player
Displays a Beachfront Reach video player.
amp-recaptcha-input
Appends a reCAPTCHA v3 token to AMP form submissions.
amp-skimlinks
Run skimlinks inside your AMP page.
amp-soundcloud
Displays a Soundcloud clip.
amp-springboard-player
Displays a Springboard Platform video player.
amp-video-iframe
Embeds an iframe containing a video player.
amp-video
HTML5 video タグの代替機能です。
amp-vimeo
Displays a Vimeo video.
amp-viqeo-player
Displays a Viqeo video player.
amp-wistia-player
Displays a Wistia video.
amp-yotpo
Embeds a Yotpo on-site widget.
amp-youtube
YouTube 動画を表示します。