From ec8f5032e9719636aa8a7223a3f6829d1de9bc20 Mon Sep 17 00:00:00 2001
From: Francesco Siddi <francesco.siddi@gmail.com>
Date: Sun, 5 Aug 2018 14:23:05 +0200
Subject: [PATCH] Embed iframe shortcodes into container

---
 pillar/shortcodes.py | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/pillar/shortcodes.py b/pillar/shortcodes.py
index 5a4a8c32..600007b3 100644
--- a/pillar/shortcodes.py
+++ b/pillar/shortcodes.py
@@ -163,8 +163,11 @@ class YouTube:
             return html_module.escape('{youtube invalid YouTube ID/URL}')
 
         src = f'https://www.youtube.com/embed/{youtube_id}?rel=0'
-        html = f'<iframe class="shortcode youtube" width="{width}" height="{height}" src="{src}"' \
-               f' frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>'
+        iframe_tag = f'<iframe class="shortcode youtube embed-responsive-item" width="{width}"' \
+                     f' height="{height}" src="{src}" frameborder="0" allow="autoplay; encrypted-media"' \
+                     f' allowfullscreen></iframe>'
+        # Embed the iframe in a container, to allow easier styling
+        html = f'<div class="embed-responsive embed-responsive-16by9">{iframe_tag}</div>'
         return html