AMP
  • 網站

amp-springboard-player

簡介

使用 <a href="/documentation/components/amp-springboard-player/"><code>amp-springboard-player</code></a> 元件,將 Springboard 影片平台託管的影片嵌入到您的 AMP HTML 檔案中。

設定

在標頭中匯入 <code>amp-springboard-player</code> 元件。

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

基本用法

透過 <code>data-site-id</code>、<code>data-domain</code>、<code>data-player-id</code>、<code>data-content-id</code> 屬性,嵌入 Springboard 影片平台託管的影片。<code>data-mode</code> 屬性用於判斷這是單一影片還是播放清單。如果是播放清單,<code>data-items</code> 屬性會指定播放清單中的項目數量。我們建議影片使用回應式版面配置。

<amp-springboard-player data-site-id="261" data-mode="video" data-content-id="1578473" data-player-id="test401" data-domain="test.com" data-items="10" layout="responsive" width="480" height="270">
</amp-springboard-player>
需要進一步說明嗎?

如果此頁面上的說明未能涵蓋您的所有問題,請隨時聯繫其他 AMP 使用者,討論您的具體使用案例。

前往 Stack Overflow
未說明的特色功能?

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

在 GitHub 上編輯範例

  • 由 <a href="https://github.com/jmadler" rel="nofollow" target="_blank"> @jmadler </a> 撰寫