diff --git a/assets/css/base.css b/assets/css/base.css
index fd67e8888b1b4065bd4758548c2ef6e00d66b8b1..8867e5f0df7b9f9a817d98c749f6c3415b2154af 100644
--- a/assets/css/base.css
+++ b/assets/css/base.css
@@ -454,7 +454,7 @@ iframe {
   max-width: 100%;
 }
 
-iframe[src*='youtube.com'] {
+iframe[src*='youtube.com'], iframe[data-src*='youtube.com'] {
   height: 400px;
   width: 100%;
 }
@@ -1607,7 +1607,7 @@ button.close {
   figure.align-left figcaption, figure.align-right figcaption, figure.align-center figcaption {
     padding: 0;
   }
-  iframe[src*='youtube.com'] {
+  iframe[src*='youtube.com'], iframe[data-src*='youtube.com'] {
     height: 300px;
   }
   .table-responsive.card__block--table {
diff --git a/components/01-base/embedded/_embedded.scss b/components/01-base/embedded/_embedded.scss
index 103c37d24d6bbc8b77b625ef8225e7d80464af1b..9b05cade68431925b5bbdb1085de1ec10780b1c3 100644
--- a/components/01-base/embedded/_embedded.scss
+++ b/components/01-base/embedded/_embedded.scss
@@ -164,7 +164,8 @@ figure {
 iframe {
   max-width: 100%;
 
-  &[src*='youtube.com'] {
+  &[src*='youtube.com'],
+  &[data-src*='youtube.com'] {
     height: 400px;
     width: 100%;
 
@@ -177,4 +178,4 @@ iframe {
 p > iframe {
   margin-top: 0.75rem;
   margin-bottom: 0.75rem;
-}
\ No newline at end of file
+}