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>

屬性

autoplay

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

  • 影片會在自動播放開始前自動靜音
  • 當影片捲動移出視窗時,影片會暫停
  • 當影片捲動進入視窗時,影片會恢復播放
  • 當使用者輕觸影片時,影片會取消靜音
  • 如果使用者已與影片互動(例如,靜音/取消靜音、暫停/恢復等),且影片捲動移入或移出視窗,影片的狀態仍會維持使用者離開時的狀態。例如,如果使用者暫停影片,然後將影片捲動移出視窗再返回影片,影片仍會處於暫停狀態。
data-profileid

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

若要取得 data-profileid,您需要登入 Viqeo 帳戶 (https://viqeo.tv) 並按下您要貼到網站的影片旁的「Get code」(取得代碼)。您將取得包含 data-profileid、data-videoid 和 width 和 height 的代碼。

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

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

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

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

前往 GitHub