From 2f182553ffdc26c2b22967d0eafaad43036c0b0b Mon Sep 17 00:00:00 2001
From: prathap <prathap@gmail.com>
Date: Mon, 8 Jul 2024 11:47:32 +0530
Subject: [PATCH] Converted media block

---
 hlx_statics/blocks/media/media.css |  4 ++++
 hlx_statics/blocks/media/media.js  | 23 +++++++++++++++++++++++
 2 files changed, 27 insertions(+)
 create mode 100644 hlx_statics/blocks/media/media.css
 create mode 100644 hlx_statics/blocks/media/media.js

diff --git a/hlx_statics/blocks/media/media.css b/hlx_statics/blocks/media/media.css
new file mode 100644
index 00000000..492c072e
--- /dev/null
+++ b/hlx_statics/blocks/media/media.css
@@ -0,0 +1,4 @@
+.iframe-container{
+    display: flex;
+    justify-content: center;
+}
\ No newline at end of file
diff --git a/hlx_statics/blocks/media/media.js b/hlx_statics/blocks/media/media.js
new file mode 100644
index 00000000..c80aab97
--- /dev/null
+++ b/hlx_statics/blocks/media/media.js
@@ -0,0 +1,23 @@
+import { applyBkgColorOverride } from "../../scripts/lib-adobeio.js";
+
+/**
+ * decorates the text
+ * @param {*} block The text block element
+ */
+
+export default async function decorate(block) {
+    block.setAttribute('daa-lh', 'media');
+    applyBkgColorOverride(block);
+    const iframe = document.createElement('iframe');
+    const width = block?.parentElement?.parentElement?.getAttribute('data-width');
+    const height = block?.parentElement?.parentElement?.getAttribute('data-height');
+    iframe.setAttribute('width', `${width}`)
+    iframe.setAttribute('height', `${height}`)
+    let link = block.firstElementChild.firstElementChild.firstElementChild.href;
+    link = link.replace("watch?v=", "embed/")
+    link = link.replace("view", "preview")
+    iframe.setAttribute('src', `${link}`)
+    block.firstElementChild.firstElementChild.appendChild(iframe);
+    block.firstElementChild.firstElementChild.firstElementChild.remove()
+    block.firstElementChild.firstElementChild.classList.add('iframe-container')
+}
\ No newline at end of file