AMP

重要事項:本文件不適用於您目前選取的格式 廣告

amp-viqeo-player

說明

顯示 Viqeo 影片播放器。

 

必要指令碼

<script async custom-element="amp-viqeo-player" src="https://cdn.ampproject.org/v0/amp-viqeo-player-0.1.js"></script>

範例

widthheight 屬性決定了回應式版面配置中 Viqeo 嵌入內容的長寬比。

<amp-viqeo-player
  data-profileid="184"
  data-videoid="b51b70cdbb06248f4438"
  width="640"
  height="360"
  layout="responsive"
>
</amp-viqeo-player>

屬性

自動播放

如果存在此屬性,且瀏覽器支援自動播放

  • 影片會在自動播放開始前自動靜音
  • 當影片捲動到檢視畫面外時,影片會暫停
  • 當影片捲動到檢視畫面內時,影片會繼續播放
  • 當使用者輕觸影片時,影片會取消靜音
  • 如果使用者曾與影片互動 (例如,靜音/取消靜音、暫停/繼續等),且影片捲動到檢視畫面內或外,影片的狀態會保持使用者離開時的狀態。例如,如果使用者暫停影片,然後將影片捲動到檢視畫面外,再返回影片,則影片仍會處於暫停狀態。
data-profileid

Viqeo 是一個僅供發佈商註冊的影片平台,可新增影片作為範例。所有影片都會自動播放,且沒有聲音,而且僅在完全可見時播放 (最小可見區域為 50%)。Viqeo 的詳細說明請參閱簡報:https://docs.google.com/presentation/d/1P6DJTPJtfeMmPozv1pPz7Wner7NCcJ_DmlPOcVclgLE/present?slide=id.p

若要取得 data-profileid,您需要登入 Viqeo 帳戶 (https://viqeo.tv),然後在您想要貼到網站的影片旁邊按下「取得程式碼」。您會取得包含 data-profileid、data-videoid 和寬度與高度的程式碼。

data-videoid 影片的識別碼。所有影片都有唯一的 ID,並且可以在授權後在 Viqeo 帳戶中找到。Viqeo 不允許第三方網站嵌入影片,因此取得 data-videoid 和其他屬性的唯一方法是登入 Viqeo 帳戶。
width 和 height width 和 height 屬性對於 Viqeo 嵌入內容而言是特殊的。Viqeo 支援任何影片比例。基本上,Viqeo 會根據影片大小和比例為每個影片產生唯一的程式碼,但 Viqeo 使用者可能會在介面中變更比例。無論如何,按下「取得程式碼」按鈕後,都會產生唯一的程式碼。
title 為元件定義 title 屬性。預設值為 Viqeo 影片
需要更多協助嗎?

您已經閱讀這份文件很多次,但它仍然沒有真正涵蓋您的所有問題嗎?也許其他人也有同樣的感覺:在 Stack Overflow 上與他們聯繫。

前往 Stack Overflow
發現錯誤或缺少功能嗎?

AMP 專案非常鼓勵您的參與和貢獻!我們希望您能成為我們開放原始碼社群的長期參與者,但我們也歡迎您針對您特別感興趣的問題做出一次性的貢獻。

前往 GitHub