AMP

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

amp-minute-media-player

說明

顯示 Minute Media 播放器。

 

必要指令碼

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

範例

使用回應式 (RESPONSIVE) 版面配置的範例 - 寬度和高度屬性決定嵌入播放器的長寬比。

<amp-minute-media-player
  data-content-type="curated"
  data-content-id="fSkmeWKF"
  width="500"
  height="334"
  layout="responsive"
  autoplay
>
</amp-minute-media-player>

使用固定 (FIXED) 版面配置的範例 - 固定寬度和高度。

  <amp-minute-media-player
    data-content-type="semantic"
    data-scanned-element-type="tag"
    data-scanned-element="post-body"
    layout="fixed" width="500" height="334"
  </amp-minute-media-player>

屬性

data-content-type

Minute Media 播放器類型。

選項為 'specific' (特定)'semantic' (語意)

選擇 'specific' (特定) 以播放特定內容 (在 data-content-id 屬性中插入內容 ID)。

選擇 'semantic' (語意),播放清單將自動建立,並使文章內容與即時最相關的影片相符。

data-content-id

Minute Media 播放器 ID。

只有在您選擇播放特定內容 (在 data-content-type 中) 時,才需要此資料。

data-scanned-element-type

選擇在將內容與影片配對時的定義特徵 (類別名稱、標籤名稱或 ID)。

此資料僅在您選擇播放語意內容 (在 data-content-type 中) 時才會反映。

data-scanned-element

根據選擇的掃描元素類型,選擇在將內容與影片配對時要考量的特定元素。

此資料僅在您選擇播放語意內容 (在 data-content-type 中) 時才會反映。

data-tags

在決定要播放哪個影片內容時 (在 'semantic' (語意) 內容類型中) 要納入考量的標籤。

此資料僅在您選擇播放 'semantic' (語意) 內容 (在 data-content-type 中) 時才會反映。

data-minimum-date-factor

此資料反映引擎在搜尋相符影片時應納入考量的最近天數。較舊的影片將獲得較低的分數

此資料僅在您選擇播放 'semantic' (語意) 內容 (在 data-content-type 中) 時才會反映。

data-scoped-keywords

此資料負責僅傳回在比對結果中具有指定標籤的影片。

此資料僅在您選擇播放 'semantic' (語意) 內容 (在 data-content-type 中) 時才會反映。

autoplay (自動播放)

如果此屬性存在,且瀏覽器支援自動播放

  • 影片會在自動播放開始前自動靜音
  • 當影片捲動到視窗外時,影片會暫停
  • 當影片捲動到視窗內時,影片會恢復播放
  • 當使用者輕觸影片時,影片會取消靜音
  • 如果使用者已與影片互動 (例如,靜音/取消靜音、暫停/恢復等),且影片捲動到視窗內或外,影片的狀態仍會維持使用者離開時的狀態。例如,如果使用者暫停影片,然後將影片捲動到視窗外並返回影片,則影片仍會處於暫停狀態。

dock (停駐)

如果此屬性存在且影片為手動播放,當使用者將影片捲動到影片元件的可視區域外時,影片將會「最小化」並固定在角落。

  • 使用者可以拖曳影片並將其重新放置在不同的角落。
  • 同一頁面上的多個影片可以停駐。
為了使用此屬性,必須存在 amp-video-docking 擴充功能指令碼:<script async custom-element="amp-video-docking" src="https://cdn.ampproject.org/v0/amp-video-docking-0.1.js"></script>

驗證

請參閱 AMP 驗證器規格中的 amp-minute-media-player 規則

需要更多協助嗎?

您已閱讀此文件十幾次,但它並未真正涵蓋您的所有問題?也許其他人也有相同的感覺:在 Stack Overflow 上與他們聯繫。

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

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

前往 GitHub