AMP Roadshow is coming to Atlanta & Berlin!
AMP

$category: media formats: - websites teaser: text: Displays a cloud-hosted Connatix Player.


<!-- Copyright 2019 The AMP HTML Authors. All Rights Reserved.

Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at

  http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS-IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License. -->

amp-connatix-player

Displays a cloud-hosted Connatix Player.

Required Script<script async custom-element="amp-connatix-player" src="https://cdn.ampproject.org/v0/amp-connatix-player-0.1.js"></script>
Supported Layoutsfill, fixed, fixed-height, flex-item, nodisplay, responsive

Example

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-idConnatix player id. This can be found at the Video Players section in the Connatix management dashboard. (Required)
data-media-idConnatix 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. (Optional)
common attributesThis 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