@ecency/render-helper 2.5.12 → 2.5.13

package/dist/node/index.cjs

@@ -1242,14 +1242,15 @@ function a(el, forApp, parentDomain = "ecency.com", seoContext, renderOptions) {
       el.setAttribute("data-start-time", startTime);
     }
     if (renderOptions?.embedVideosDirectly) {
+      const directSrc = `https://www.youtube.com/embed/${vid}`;
       const wrapper = el.ownerDocument.createElement("span");
       wrapper.setAttribute("class", "er-youtube-frame");
       wrapper.setAttribute("style", "display:block");
       const iframe2 = el.ownerDocument.createElement("iframe");
       iframe2.setAttribute("class", "youtube-player");
-      iframe2.setAttribute("src", embedSrc);
+      iframe2.setAttribute("src", directSrc);
       iframe2.setAttribute("title", "YouTube video");
-      iframe2.setAttribute("allow", "accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture; web-share");
+      iframe2.setAttribute("allow", "accelerometer; encrypted-media; gyroscope; picture-in-picture; web-share");
       iframe2.setAttribute("allowfullscreen", "");
       wrapper.appendChild(iframe2);
       el.appendChild(wrapper);
@@ -1386,12 +1387,13 @@ function a(el, forApp, parentDomain = "ecency.com", seoContext, renderOptions) {
           el.textContent = "";
         }
         if (renderOptions?.embedVideosDirectly) {
+          const directSrc = `${videoHref}&autoplay=false`;
           const wrapper = el.ownerDocument.createElement("span");
           wrapper.setAttribute("class", "er-speak-frame");
           wrapper.setAttribute("style", "display:block");
           const iframe2 = el.ownerDocument.createElement("iframe");
           iframe2.setAttribute("class", "speak-iframe");
-          iframe2.setAttribute("src", videoHref);
+          iframe2.setAttribute("src", directSrc);
           iframe2.setAttribute("title", "3Speak video");
           iframe2.setAttribute("allow", "accelerometer; encrypted-media; gyroscope; picture-in-picture; web-share");
           iframe2.setAttribute("allowfullscreen", "");
@@ -1504,7 +1506,7 @@ function a(el, forApp, parentDomain = "ecency.com", seoContext, renderOptions) {
 }
 
 // src/methods/iframe.method.ts
-function iframe(el, parentDomain = "ecency.com", forApp = false) {
+function iframe(el, parentDomain = "ecency.com", forApp = false, renderOptions) {
   if (!el || !el.parentNode) {
     return;
   }
@@ -1547,7 +1549,12 @@ function iframe(el, parentDomain = "ecency.com", forApp = false) {
       normalizedSrc = `${normalizedSrc}&mode=iframe`;
     }
     const hasAutoplay = /[?&]autoplay=/.test(normalizedSrc);
-    let s = hasAutoplay ? normalizedSrc : `${normalizedSrc}&autoplay=true`;
+    let s;
+    if (renderOptions?.embedVideosDirectly) {
+      s = hasAutoplay ? normalizedSrc.replace(/([?&]autoplay=)[^&]*/i, "$1false") : `${normalizedSrc}&autoplay=false`;
+    } else {
+      s = hasAutoplay ? normalizedSrc : `${normalizedSrc}&autoplay=true`;
+    }
     if (forApp && !/[?&]layout=/.test(s)) {
       s = `${s}&layout=mobile`;
     }
@@ -1861,7 +1868,7 @@ function traverse(node, forApp, depth = 0, state = { firstImageFound: false }, p
       a(child, forApp, parentDomain, seoContext, renderOptions);
     }
     if (child.nodeName.toLowerCase() === "iframe") {
-      iframe(child, parentDomain, forApp);
+      iframe(child, parentDomain, forApp, renderOptions);
     }
     if (child.nodeName === "#text") {
       text(child, forApp);