From 4b1c9660be66a9c292dbd529657d468f768a1c45 Mon Sep 17 00:00:00 2001
From: quentinmay <73214439+quentinmay@users.noreply.github.com>
Date: Tue, 15 Jun 2021 07:19:19 -0700
Subject: [PATCH] Render YouTube iframe for applicable video embeds (#607)

---
 .../Exporting/Writers/Html/Core.css           |  4 +++
 .../Writers/Html/MessageGroupTemplate.cshtml  | 26 ++++++++++++++-----
 2 files changed, 24 insertions(+), 6 deletions(-)

diff --git a/DiscordChatExporter.Core/Exporting/Writers/Html/Core.css b/DiscordChatExporter.Core/Exporting/Writers/Html/Core.css
index ba6eea6..b7eef66 100644
--- a/DiscordChatExporter.Core/Exporting/Writers/Html/Core.css
+++ b/DiscordChatExporter.Core/Exporting/Writers/Html/Core.css
@@ -458,6 +458,10 @@ img {
     border-radius: 3px;
 }
 
+.chatlog__embed-youtube-container {
+    margin-top: 0.6em;
+}
+
 .chatlog__embed-image-container {
     margin-top: 0.6em;
 }
diff --git a/DiscordChatExporter.Core/Exporting/Writers/Html/MessageGroupTemplate.cshtml b/DiscordChatExporter.Core/Exporting/Writers/Html/MessageGroupTemplate.cshtml
index 3c154c9..0f3c47f 100644
--- a/DiscordChatExporter.Core/Exporting/Writers/Html/MessageGroupTemplate.cshtml
+++ b/DiscordChatExporter.Core/Exporting/Writers/Html/MessageGroupTemplate.cshtml
@@ -214,8 +214,19 @@
                                             }
                                         </div>
                                     }
+                                    @if (!string.IsNullOrWhiteSpace(embed.Url) && embed.Url.IndexOf("youtube.com/watch?v=") != -1)
+                                    {
 
-                                    @if (!string.IsNullOrWhiteSpace(embed.Description))
+                                        if (embed.Thumbnail is not null && !string.IsNullOrWhiteSpace(embed.Thumbnail.Url))
+                                        {
+                                            <div class="chatlog__embed-youtube-container">
+                                                <iframe class="chatlog__embed-youtube" width="400" height="225" frameBorder="0" style="border-radius: 5px"
+                                                        src="@embed.Url.Replace("/watch?v=", "/embed/")">
+                                                </iframe>
+                                            </div>
+                                        }
+                                    }
+                                    else if (!string.IsNullOrWhiteSpace(embed.Description))
                                     {
                                         <div class="chatlog__embed-description">
                                             <div class="markdown preserve-whitespace">@Raw(FormatEmbedMarkdown(embed.Description))</div>
@@ -251,11 +262,14 @@
 
                                 @if (embed.Thumbnail is not null && !string.IsNullOrWhiteSpace(embed.Thumbnail.Url))
                                 {
-                                    <div class="chatlog__embed-thumbnail-container">
-                                        <a class="chatlog__embed-thumbnail-link" href="@await ResolveUrlAsync(embed.Thumbnail.ProxyUrl ?? embed.Thumbnail.Url)">
-                                            <img class="chatlog__embed-thumbnail" src="@await ResolveUrlAsync(embed.Thumbnail.ProxyUrl ?? embed.Thumbnail.Url)" alt="Thumbnail">
-                                        </a>
-                                    </div>
+                                    if (string.IsNullOrWhiteSpace(embed.Url) || embed.Url.IndexOf("youtube.com/watch?v=") == -1)
+                                    {
+                                        <div class="chatlog__embed-thumbnail-container">
+                                            <a class="chatlog__embed-thumbnail-link" href="@await ResolveUrlAsync(embed.Thumbnail.ProxyUrl ?? embed.Thumbnail.Url)">
+                                                <img class="chatlog__embed-thumbnail" src="@await ResolveUrlAsync(embed.Thumbnail.ProxyUrl ?? embed.Thumbnail.Url)" alt="Thumbnail">
+                                            </a>
+                                        </div>
+                                    }
                                 }
                             </div>