重要事項:此文件不適用於您目前選取的格式 故事!
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