Autoplay placeholder

[shsteimer]

Please always provide the GitHub issue(s) your PR is for, as well as test URLs where your change can be observed (before and after):

Fix #

https://autoplay-placeholder--aem-block-collection--adobe.hlx.page/drafts/shsteimer/video (auotplay w/ placeholder as LCP)
https://autoplay-placeholder--aem-block-collection--adobe.hlx.page/block-collection/video

[aem-code-sync]

Hello, I'm the AEM Code Sync Bot and I will run some actions to deploy your branch and validate page speed.
In case there are problems, just click a checkbox below to rerun the respective action.

• Re-run PSI checks
• Re-sync branch

Commits

• 765cb81 ✅ (latest)
• 6b650dc ✅
• 3144dbf ✅
• 9639d96 ✅
• 9b5613c ✅
• a119a95 ✅

[aem-code-sync]

Page	Scores	Audits	Google
/block-collection/video
/drafts/shsteimer/video

[shsteimer]

@fkakatie @davidnuescheler

I'm a bit unsure on the A11y aspects of this.

• When we hide the placeholder image, regardless of the autoplay setting, should we set it as aria-hidden? I don't think we can use hidden or display: none when it's the LCP.
• for autoplaying video, should clicking the video pause it? or is the prefers reduced motion check I have in there enough?