HUGO
Menu
GitHub 87548 stars Mastodon

Hugo Vimeo 短代碼

使用 vimeo 短代碼在你的內容中嵌入 Vimeo 視頻。

要覆蓋 Hugo 內置的 vimeo 短代碼,請將 源代碼 復制到 layouts/_shortcodes 目錄中同名文件中。

示例

要顯示具有此 URL 的 Vimeo 視頻:

https://vimeo.com/channels/staffpicks/55073825

在你的 Markdown 中包含此內容:

{{< vimeo 55073825 >}}

Hugo 渲染為:

參數

id
(string) 視頻 id。如果 id 是第一個且唯一的位置參數,則為可選。
allowFullScreen
New in v0.146.0
(bool) iframe 元素是否可以激活全屏模式。默認值為 true
class
(string) 包裹 div 元素的 class 屬性。添加一個或多個 CSS 類將禁用內聯樣式。
loading
New in v0.146.0
(string) iframe 元素的 loading 屬性,eagerlazy。默認值為 eager
title
(string) iframe 元素的 title 屬性。

以下是使用一些可用參數的示例:

{{< vimeo id=55073825 allowFullScreen=false loading=lazy >}}

隱私

在你的站點配置中調整相關的隱私設置。

privacy:
  vimeo:
    disable: false
    enableDNT: false
    simple: false
[privacy]
  [privacy.vimeo]
    disable = false
    enableDNT = false
    simple = false
{
   "privacy": {
      "vimeo": {
         "disable": false,
         "enableDNT": false,
         "simple": false
      }
   }
}
disable
(bool) 是否禁用短代碼。默認值為 false
enableDNT
(bool) 是否阻止 Vimeo 播放器跟蹤會話數據和分析。默認值為 false
simple
(bool) 是否啟用簡單模式。如果為 true,視頻縮略圖從 Vimeo 獲取並疊加播放按鈕。點擊縮略圖會在新 Vimeo 標簽頁中打開視頻。默認值為 false

簡單版本短代碼的源代碼可在 此文件 中找到。


Last updated: January 1, 0001
Improve this page