AMP

重要事項:此文件不適用於您目前選取的格式 電子郵件

amp-delight-player

說明

amp-delight-player 元素會顯示雲端託管的 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

widthheight 屬性決定嵌入於響應式版面配置中的播放器長寬比。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 規則

需要更多協助嗎?

您已將此文件閱讀了十幾次,但它仍然沒有真正涵蓋您的所有問題嗎?也許其他人也有同樣的感受:在 Stack Overflow 上與他們聯繫。

前往 Stack Overflow
發現錯誤或缺少功能?

AMP 專案強烈鼓勵您的參與和貢獻!我們希望您能成為我們開源社群的長期參與者,但我們也歡迎針對您特別熱衷的問題提供一次性貢獻。

前往 GitHub