Do you build things with AMP? Fill out the AMP Developer Survey!
AMP

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

amp-3q-player

Description

Embeds videos from 3Q SDN.

Required Scripts

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

Supported Layouts

Enables AMP to embed videos from 3Q SDN into your websites.

Usage

The amp-3q-player component embeds videos from 3Q SDN onto an AMP page. The component includes a video interface, and you can customize the width and height of the player. Specify a responsive layout to maintain a 16:9 video aspect ratio.

Example

<amp-3q-player
  data-id="c8dbe7f4-7f7f-11e6-a407-0cc47a188158"
  layout="responsive"
  width="480"
  height="270"
></amp-3q-player>

Attributes

data-id

The data-id attribute specifies the appropriate sdnPlayoutId from 3Q SDN.

autoplay (optional)

If the autoplay attribute is present, and the browser supports autoplay, the following behaviors are enabled:

  • The video automatically mutes before autoplay starts.
  • When the user scrolls the video out of view, the video pauses.
  • When the user scrolls the video into view, the video resumes.
  • The video unmutes when the user taps it.

If the user interacts with the video and then scrolls it into or out of view, the state of the video remains the same. For example, if the user pauses the video, scrolls the video out of view and then scrolls back up to it, the video remains paused.

Common attributes

The amp-3q-player component includes the common attributes that are extended to all AMP components.

Validation

See amp-3q-player rules in the AMP validator specification.

Perlu bantuan lainnya?

Anda telah membaca dokumen ini belasan kali, tetapi belum semua pertanyaan Anda terjawab? Mungkin orang lain merasakan hal yang sama. Berinteraksilah dengan mereka di Stack Overflow.

Kunjungi Stack Overflow
Menemukan bug atau ada fitur yang kurang?

Proyek AMP sangat menganjurkan partisipasi dan kontribusi Anda! Kami berharap Anda akan terus ambil bagian dalam komunitas sumber terbuka kami, tetapi kami juga menerima kontribusi satu kali untuk topik tertentu yang Anda minati.

Kunjungi GitHub