amp-3q-player

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

讓 AMP 能夠將 3Q SDN 的影片嵌入到您的網站中。

用法

amp-3q-player 元件會將 3Q SDN 的影片嵌入到 AMP 頁面中。此元件包含影片介面，您可以自訂播放器的 width 和 height。指定 responsive 版面配置以維持 16:9 的影片長寬比。

範例

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

屬性

data-id

data-id 屬性會指定來自 3Q SDN 的適當 sdnPlayoutId。

autoplay (選填)

如果存在 autoplay 屬性，且瀏覽器支援自動播放，則會啟用下列行為

• 影片會在自動播放開始前自動靜音。
• 當使用者將影片捲動到視窗外時，影片會暫停。
• 當使用者將影片捲動到視窗內時，影片會繼續播放。
• 當使用者輕觸影片時，影片會取消靜音。

如果使用者與影片互動，然後將影片捲動到視窗內或外，影片的狀態會保持不變。例如，如果使用者暫停影片，將影片捲動到視窗外，然後再捲動回來，影片仍會保持暫停狀態。

通用屬性

amp-3q-player 元件包含擴充至所有 AMP 元件的通用屬性。

驗證

請參閱 AMP 驗證工具規格中的 amp-3q-player 規則。