Move autoplay logic to the right location

adobecom · Sep 9, 2024 · ff57508 · ff57508
1 parent 253feca
commit ff57508
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 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
@@ -308,9 +308,8 @@ 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 videoLink = anchorTag.querySelector('a[href*=".mp4"]');
-  if (videoLink && !videoLink.hash) videoLink.hash = 'autoplay';
   const attrs = getVideoAttrs(anchorTag.hash, dataset);
   const video = `<video ${attrs} data-video-source=${src}></video>`;
   anchorTag.insertAdjacentHTML('afterend', video);