Fix(mwpw-160681| MWPW-163031): Video accessibility for text long form. (

#3619) * new event added for autoplay videos * combining the fixe for 163031
adobecom · Feb 19, 2025 · 30374d3 · 30374d3
1 parent bc066ff
commit 30374d3
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/libs/blocks/adobetv/adobetv.js b/libs/blocks/adobetv/adobetv.js
@@ -3,7 +3,7 @@ import { createTag } from '../../utils/utils.js';
 
 export default function init(a) {
   a.classList.add('hide-video');
-  const bgBlocks = ['aside', 'marquee', 'hero-marquee'];
+  const bgBlocks = ['aside', 'marquee', 'hero-marquee', 'long-from'];
   if (a.href.includes('.mp4') && bgBlocks.some((b) => a.closest(`.${b}`))) {
     a.classList.add('hide');
     if (!a.parentNode) return;

diff --git a/libs/utils/decorate.js b/libs/utils/decorate.js
@@ -318,6 +318,7 @@ export function applyAccessibilityEvents(videoEl) {
     pausePlayWrapper.addEventListener('keydown', handlePause);
   }
   if (videoEl.hasAttribute('autoplay')) {
+    videoEl.addEventListener('canplay', () => { videoEl.play(); });
     videoEl.addEventListener('ended', () => { syncPausePlayIcon(videoEl); });
   }
 }