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>

支援的版面配置

fill fixed fixed-height flex-item responsive

範例

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