Hugo YouTube 短代码
使用 youtube 短代码在你的内容中嵌入 YouTube 视频。
要覆盖 Hugo 内置的 youtube 短代码,请将 源代码 复制到 layouts/_shortcodes 目录中同名文件中。
示例
要显示具有此 URL 的 YouTube 视频:
https://www.youtube.com/watch?v=0RKpf3rK57I在你的 Markdown 中包含此内容:
{{< youtube 0RKpf3rK57I >}}
Hugo 渲染为:
参数
- id
- (
string) 视频id。如果id是第一个且唯一的位置参数,则为可选。 - allowFullScreen
- (
bool)iframe元素是否可以激活全屏模式。默认值为true。 - autoplay
- (
bool) 是否自动播放视频。强制将mute设置为true。默认值为false。 - class
- (
string) 包裹div元素的class属性。指定后,从iframe元素及其包裹的div元素中删除style属性。 - controls
- (
bool) 是否显示视频控件。默认值为true。 - end
- (
int) 从视频开始算起的时间(以秒为单位),播放器应在此时停止播放视频。 - loading
- (
string)iframe元素的 loading 属性,eager或lazy。默认值为eager。 - loop
- (
bool) 是否无限重复播放视频。第一次播放后忽略start和end参数。默认值为false。 - mute
- (
bool) 是否将视频静音。当autoplay为true时始终为true。默认值为false。 - start
- (
int) 从视频开始算起的时间(以秒为单位),播放器应从此处开始播放视频。 - title
- (
string)iframe元素的title属性。默认值为 “YouTube video”。
以下是使用一些可用参数的示例:
{{< youtube id=0RKpf3rK57I start=30 end=60 loading=lazy >}}隐私
在你的站点配置中调整相关的隐私设置。
privacy:
youTube:
disable: false
privacyEnhanced: false
[privacy]
[privacy.youTube]
disable = false
privacyEnhanced = false
{
"privacy": {
"youTube": {
"disable": false,
"privacyEnhanced": false
}
}
}
- disable
- (
bool) 是否禁用短代码。默认值为false。 - privacyEnhanced
- (
bool) 是否阻止 YouTube 在用户播放嵌入视频之前在你的网站上存储访客信息。默认值为false。