AMP

重要事項:此文件不適用於您目前選取的格式stories

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>

屬性

autoplay

如果存在此屬性,且瀏覽器支援 autoplay

  • 影片會在 autoplay 開始前自動靜音
  • 當影片捲動移出畫面時,影片會暫停
  • 當影片捲動進入畫面時,影片會繼續播放
  • 當使用者點擊影片時,影片會解除靜音
  • 如果使用者與影片互動過(例如:靜音/解除靜音、暫停/繼續等),且影片捲動移入或移出畫面,影片的狀態會維持使用者離開時的狀態。例如,如果使用者暫停影片,然後將影片捲動移出畫面再返回,影片仍會處於暫停狀態。
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 以及 width 和 height 的代碼。

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

您已經閱讀本文件十幾次,但仍然沒有解答所有疑問嗎?也許其他人也有相同感受:請在 Stack Overflow 上向他們求助。

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

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

前往 GitHub