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

選擇將內容與影片配對時的定義特徵 (class-name、tag-name 或 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