From 3cb61c3bcdb6fad6c43b75d9696c26cbaad3c911 Mon Sep 17 00:00:00 2001
From: Chiu-Hsiang Hsu <2716047+wdv4758h@users.noreply.github.com>
Date: Sun, 7 Feb 2021 16:13:03 +0000
Subject: [PATCH] Support embed YouTube playlist (#1342)

---
 components/templates/src/builtins/shortcodes/youtube.html | 2 +-
 docs/content/documentation/content/shortcodes.md          | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/components/templates/src/builtins/shortcodes/youtube.html b/components/templates/src/builtins/shortcodes/youtube.html
index d1dbf38d..9d910aca 100644
--- a/components/templates/src/builtins/shortcodes/youtube.html
+++ b/components/templates/src/builtins/shortcodes/youtube.html
@@ -1,3 +1,3 @@
 <div {% if class %}class="{{class}}"{% endif %}>
-    <iframe src="https://www.youtube-nocookie.com/embed/{{id}}{% if autoplay %}?autoplay=1{% endif %}" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
+    <iframe src="https://www.youtube-nocookie.com/embed/{{id}}{% if playlist %}?list={{playlist}}{% endif %}{% if autoplay %}?autoplay=1{% endif %}" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
 </div>
diff --git a/docs/content/documentation/content/shortcodes.md b/docs/content/documentation/content/shortcodes.md
index 8deb23c3..72c2834e 100644
--- a/docs/content/documentation/content/shortcodes.md
+++ b/docs/content/documentation/content/shortcodes.md
@@ -164,6 +164,7 @@ Embed a responsive player for a YouTube video.
 The arguments are:
 
 - `id`: the video id (mandatory)
+- `playlist: the playlist id (optional)
 - `class`: a class to add to the `<div>` surrounding the iframe
 - `autoplay`: when set to "true", the video autoplays on load
 
@@ -172,6 +173,8 @@ Usage example:
 ```md
 {{/* youtube(id="dQw4w9WgXcQ") */}}
 
+{{/* youtube(id="dQw4w9WgXcQ", playlist="RDdQw4w9WgXcQ") */}}
+
 {{/* youtube(id="dQw4w9WgXcQ", autoplay=true) */}}
 
 {{/* youtube(id="dQw4w9WgXcQ", autoplay=true, class="youtube") */}}