Move the default autoplay for background

adobecom · Sep 9, 2024 · 9cb99fa · 9cb99fa
1 parent f9c9845
commit 9cb99fa
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 3 deletions.
diff --git a/libs/blocks/figure/figure.js b/libs/blocks/figure/figure.js
@@ -18,6 +18,7 @@ function htmlToElement(html) {
 function decorateVideo(clone, figEl) {
   const videoTag = clone.querySelector('video');
   const anchorTag = clone.querySelector('a[href*=".mp4"]');
+  if(!anchorTag?.hash) anchorTag?.hash = '#autoplay';
   if (anchorTag) turnAnchorIntoVideo({ src: anchorTag.href, anchorTag });
   if (videoTag) {
     videoTag.removeAttribute('data-mouseevent');

diff --git a/libs/utils/decorate.js b/libs/utils/decorate.js
@@ -106,9 +106,6 @@ export function handleFocalpoint(pic, child, removeChild) {
 
 export async function decorateBlockBg(block, node, { useHandleFocalpoint = false } = {}) {
   const childCount = node.childElementCount;
-  console.log(block.innerHTML);
-  const videoLink = block.querySelector('video, a[href*=".mp4"]');
-  if (videoLink && !videoLink.hash) videoLink.hash = 'autoplay';
   if (node.querySelector('img, video, a[href*=".mp4"]') || childCount > 1) {
     node.classList.add('background');
     const binaryVP = [['mobile-only'], ['tablet-only', 'desktop-only']];
@@ -311,6 +308,7 @@ export function decorateMultiViewport(el) {
 }
 
 export function turnAnchorIntoVideo({ src, anchorTag }) {
+  if (anchorTag.closest('.marquee, .aside, .hero-marquee') && !anchorTag.hash) anchorTag.hash = '#autoplay';
   const { dataset, parentElement } = anchorTag;
   const attrs = getVideoAttrs(anchorTag.hash, dataset);
   const video = `<video ${attrs} data-video-source=${src}></video>`;