amp-delight-player

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

用法

amp-delight-player 元素會顯示雲端託管的 Delight Player。

width 和 height 屬性會決定嵌入於回應式版面配置中的播放器外觀比例。data-content-id 屬性為載入正確影片的必要屬性。

<amp-delight-player
  data-content-id="-123456789AbCdEfGhIj"
  layout="responsive"
  width="16"
  height="9"
>
</amp-delight-player>

也支援非回應式版面配置。

範例

<amp-delight-player
  data-content-id="-123456789AbCdEfGhIj"
  width="460"
  height="200"
>
</amp-delight-player>

屬性

data-content-id

影片的內容 ID。

dock (停駐)

需要 amp-video-docking 擴充功能。 如果有這個屬性，且影片為手動播放，當使用者捲動離開影片元件的可視區域時，影片會「最小化」並固定在角落或元素上。

如需更多詳細資訊，請參閱關於停駐擴充功能本身的說明文件。

autoplay (自動播放) (選填)

如果存在這個屬性，且瀏覽器支援自動播放，影片會在顯示後立即自動播放。元件需要符合一些播放條件，詳情請參閱「AMP 影片規格」。

通用屬性

這個元素包含擴充至 AMP 元件的通用屬性。

動作

播放

播放影片。

暫停

暫停影片。

靜音

將影片靜音。

取消靜音

取消影片靜音。

驗證

請參閱 AMP 驗證器規格中的 amp-delight-player 規則。