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