youtube: Only include CSS for first video

This avoids having the CSS in the <head> multiple times. Doesn't happen right now since we don't have multiple videos on one page.
cdown · Jan 5, 2022 · b1d689b · b1d689b
1 parent b4b90d3
commit b1d689b
Showing 1 changed file with 9 additions and 5 deletions.
diff --git a/_plugins/youtube.rb b/_plugins/youtube.rb
@@ -14,11 +14,15 @@ def initialize(tagName, markup, tokens)
   def render(context)
     %Q{
 <script type="text/javascript">
-var link = document.createElement("link");
-link.href = "/css/lite-yt-embed.css";
-link.type = "text/css";
-link.rel = "stylesheet";
-document.getElementsByTagName("head")[0].appendChild(link);
+var ytcss_id = "ytcss";
+if (!document.getElementById(ytcss_id)) {
+  var link = document.createElement("link");
+  link.href = "/css/lite-yt-embed.css";
+  link.id = ytcss_id;
+  link.type = "text/css";
+  link.rel = "stylesheet";
+  document.getElementsByTagName("head")[0].appendChild(link);
+}
 </script>
 <script src="/js/lite-yt-embed.js"></script>
 <lite-youtube videoid="#{@id}" playlabel="Play"></lite-youtube>