amp-jwplayer
簡介
使用 amp-jwplayer
擴充功能,在您的 AMP HTML 檔案中嵌入 jwplayer 影片。
設定
在標頭中匯入 amp-jwplayer
元件。
<script async custom-element="amp-jwplayer" src="https://cdn.ampproject.org/v0/amp-jwplayer-0.1.js"></script>
基本用法
透過 data-media-id
和 data-player-id
屬性嵌入 jwplayer 影片。我們建議影片使用回應式版面配置。
<amp-jwplayer data-media-id="BZ6tc0gy" data-player-id="uoIbMPm3" layout="responsive" width="16" height="9">
</amp-jwplayer>
播放清單支援
也可以透過 data-playlist-id
和 data-player-id
屬性嵌入 jwplayer 影片播放清單。
<amp-jwplayer data-playlist-id="482jsTAr" data-player-id="uoIbMPm3" layout="responsive" width="16" height="9">
</amp-jwplayer>
需要進一步說明嗎?
如果此頁面上的說明未能涵蓋您的所有問題,請隨時聯繫其他 AMP 使用者,討論您的確切使用案例。
前往 Stack Overflow 未說明的特性?AMP 專案大力鼓勵您的參與和貢獻!我們希望您能成為我們開放原始碼社群的持續參與者,同時我們也歡迎針對您特別關注的問題提供一次性的貢獻。
在 GitHub 上編輯範例-
由 @jmadler 撰寫