AMP

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

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.

Potrzebujesz dodatkowej pomocy?

Znasz już ten dokument na wylot i nadal nie znajdujesz w nim odpowiedzi na wszystkie pytania? Być może inni przeszli to samo: skontaktuj się z nimi na Stack Overflow.

Przejdź do Stack Overflow
Udało Ci się trafić na błąd albo brakuje jakiejś funkcji?

Zdecydowanie zachęcamy do wzięcia udziału! Choć mamy nadzieję, że staniesz się stałym uczestnikiem naszej społeczności open source, to z wdzięcznością przyjmiemy również każdy jednorazowy wkład w kwestie, które są Twoją pasją.

Przejdź do GitHub