Autoplay doesn't respect prefers-reduced-motion setting

[jramke]

Current Behavior:

The video player automatically starts playback when autoplay is set to true, even when the user has enabled reduced motion settings in their system preferences. This behavior may be problematic for users who rely on reduced motion settings for accessibility purposes.

Expected Behavior:

When a user has reduced motion settings enabled in their system preferences, the player should respect this setting and not autoplay videos, regardless of the autoplay attribute value. This aligns with accessibility best practices and user preferences for reduced motion.

Steps To Reproduce:

1. Enable "Reduce Motion" in system settings or emulate via devtools
2. Load the page with the video player

Note: the video must be muted for the browser to allow auoplay at all.

Reproduction Link: https://stackblitz.com/edit/vitejs-vite-8r9rcw?file=index.html