amp-dailymotion
簡介
amp-dailymotion
元件允許您將 DailyMotion 影片嵌入到您的 AMP HTML 檔案中。
設定
匯入 amp-dailymotion
元件。
<script async custom-element="amp-dailymotion" src="https://cdn.ampproject.org/v0/amp-dailymotion-0.1.js"></script>
基本用法
您可以在影片頁面網址中找到 Dailymotion 影片 ID。使用 data-ui-highlight
變更播放按鈕的懸停顏色。
<amp-dailymotion data-videoid="x3rdtfy" layout="responsive" data-ui-highlight="FF4081" width="480" height="270">
</amp-dailymotion>
純嵌入
透過 amp-ui-logo
和 data-info
隱藏標誌和標題。
<amp-dailymotion data-videoid="x3rdtfy" layout="responsive" data-ui-logo="false" data-info="false" width="480" height="270">
</amp-dailymotion>
需要更多說明嗎?
如果此頁面上的說明未能涵蓋您的所有問題,請隨時與其他 AMP 使用者聯繫,討論您的具體使用案例。
前往 Stack Overflow 功能未說明?AMP 專案非常鼓勵您的參與和貢獻!我們希望您能成為我們開放原始碼社群的長期參與者,同時也歡迎您針對您特別關注的問題做出一次性貢獻。
在 GitHub 上編輯範例-
作者: @sebastianbenz