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