如何将YouTube播放列表嵌入雨果网站

Question

我可以使用以下代码，{{＆lt; youtube hvWSg6NblSU >}} to embed the YouTube video in hugo website, where hvWSg6NblSU is the value in following url: https://www.youtube.com/watch?v=hvwsg6nblsu

我不想嵌入以下播放列表：

​我可以嵌入上面的播放列表。基本上，我正在尝试使用Hugo制作页面，该页面将在YouTube上显示播放列表。

在以下链接中： https：//naresh-chaurasia.github.io/ talk2naresh/course/python-kids/，我有一个YouTube视频，但想使用Hugo添加到整个播放列表的链接。是否可以。

尽管我可以为播放列表创建超链接，但我想显示YouTube播放列表。

谢谢。

Answer 1

它不受内置的YouTube快速代码的支持。

您可以做的是为播放列表创建一个新的YouTube快速代码。

步骤

1. 创建：/layouts/shortcodes/youtubepl.html
2. 在该文件中放置以下位置：（基于内置的youtube短码）

{{- $pc := .Page.Site.Config.Privacy.YouTube -}}
{{- if not $pc.Disable -}}
{{- $ytHost := cond $pc.PrivacyEnhanced  "www.youtube-nocookie.com" "www.youtube.com" -}}
{{- $id := .Get "id" | default (.Get 0) -}}
{{- $class := .Get "class" | default (.Get 1) -}}
{{- $title := .Get "title" | default "YouTube Video" }}
<div {{ with $class }}class="{{ . }}"{{ else }}style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;"{{ end }}>
  <iframe src="https://{{ $ytHost }}/embed/videoseries?list={{ $id }}{{ with .Get "autoplay" }}{{ if eq . "true" }}&autoplay=1{{ end }}{{ end }}" {{ if not $class }}style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;" {{ end }}allowfullscreen title="{{ $title }}"></iframe>
</div>
{{ end -}}

（一边：如果您希望具有不同的短代码名称，请更改文件名，例如更改文件名。 ;

，如果您喜欢

• 使用{{＆ lt 代码> {{＆lt; YouTube＆gt;}}快捷代码，只需使用新的快捷代码名称：{{＆lt; youtubepl id =“ id here”＆gt;}}}或{{＆lt; youtubepl id-here＆gt;}}。
• 您将使用播放列表ID，而不是视频ID。