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 属性,eager或lazy。默认值为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。
简单版本短代码的源代码可在 此文件 中找到。