159: vimeo player padding issue fixed

hlxsites · Nov 23, 2023 · 57205d7 · 57205d7
1 parent 342afa8
commit 57205d7
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/blocks/vimeo/vimeo.css b/blocks/vimeo/vimeo.css
@@ -0,0 +1,4 @@
+.vimeo {
+    padding-top: 50px;
+    padding-bottom: 50px;
+}
diff --git a/blocks/vimeo/vimeo.js b/blocks/vimeo/vimeo.js
@@ -1,12 +1,13 @@
 export default function decorate(block) {
   const anchorLink = block.querySelector('a');
+  const ifrmContainer = document.createElement('div');
+  ifrmContainer.classList.add('responsive-embed');
   const ifrm = document.createElement('iframe');
   ifrm.setAttribute('src', anchorLink);
-  ifrm.style.width = '980px';
-  ifrm.style.height = '552px';
   ifrm.style.frameBorder = '0';
   ifrm.style.allow = 'autoplay; fullscreen; picture-in-picture';
   ifrm.setAttribute('allowFullScreen', '');
+  ifrmContainer.appendChild(ifrm);
   block.innerHTML = '';
-  block.append(ifrm);
+  block.append(ifrmContainer);
 }