AMP

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.

Need more help?

You've read this document a dozen times but it doesn't really cover all of your questions? Maybe other people felt the same: reach out to them on Stack Overflow.

Go to Stack Overflow
Found a bug or missing a feature?

The AMP project strongly encourages your participation and contributions! We hope you'll become an ongoing participant in our open source community but we also welcome one-off contributions for the issues you're particularly passionate about.

Go to GitHub