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 元件的通用屬性。

動作

play (播放)

播放影片。

pause (暫停)

暫停影片。

mute (靜音)

將影片設為靜音。

unmute (取消靜音)

取消影片靜音。

驗證

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