重要事項:本文件不適用於您目前選取的格式 廣告!
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 | 如果存在此屬性且影片是手動播放,當使用者捲動移出影片元件的可視區域時,影片將會「最小化」並固定在角落。
<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