AMP

Important: this documentation is not applicable to your currently selected format ads!

amp-connatix-player

Description

Displays a cloud-hosted Connatix Player.

 

Required Scripts

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

Usage

Displays a cloud-hosted Connatix Player.

The width and height attributes determine the aspect ratio of the player embedded in responsive layouts.

Example:

<amp-connatix-player
  data-player-id="03ef71d8-0941-4bff-94f2-74ca3580b497"
  layout="responsive"
  width="16"
  height="9"
>
</amp-connatix-player>

Attributes

data-player-id

Connatix player id. This can be found at the Video Players section in the Connatix management dashboard.

data-media-id (optional)

Connatix media id. This represents the unique ID of any media in your Library. This can be found at the Library section in the Connatix management dashboard.

data-param-\*

All data-param-* prefixed attributes are turned into URL parameters and passed to iframe src.

dock

Requires amp-video-docking extension. If this attribute is present and the video is playing manually, the video will be "minimized" and fixed to a corner or an element when the user scrolls out of the video component's visual area. For more details, see documentation on the docking extension itself.

Common attributes

This element includes common attributes extended to AMP components.

Validation

See amp-connatix-player rules in the AMP validator specification.

Benötigst du noch Hilfe?

Du hast dieses Dokument mehrmals gelesen, hast aber immer noch Fragen? Vielleicht hatten andere Nutzer das gleiche Problem: Schau doch bei Stack Overflow vorbei und lass dir von ihnen helfen.

Zu Stack Overflow wechseln
Möchtest du einen Bug oder ein fehlendes Feature melden?

Das AMP Projekt ist auf deine Teilnahme und deine Beiträge angewiesen! Wir hoffen natürlich, dass du dich aktiv an unserer Open Source Community beteiligen wirst. Aber wir freuen uns auch über einmalige Beiträge zu den Themen, die dich besonders interessieren.

Zu GitHub wechseln