fix(vimeo): report correct muted state in auto-play event

packages/vidstack/.templates/sandbox/main.ts

@@ -47,7 +47,25 @@ liveSrcButton?.addEventListener('click', () => changeSource('live'));
 youtubeSrcButton?.addEventListener('click', () => changeSource('youtube'));
 vimeoSrcButton?.addEventListener('click', () => changeSource('vimeo'));
 
-changeSource('audio');
+// URL query param support for testing
+// ?src=vimeo|youtube|hls|video|audio|live|dash
+// ?autoplay - enable autoplay
+// ?muted - start muted
+const params = new URLSearchParams(window.location.search);
+
+if (params.has('autoplay')) player.autoplay = true;
+if (params.has('muted')) player.muted = true;
+
+const srcParam = params.get('src');
+changeSource(srcParam || 'audio');
+
+player.addEventListener('auto-play', (e) => {
+  console.log('[auto-play]', e.detail);
+});
+
+player.addEventListener('auto-play-fail', (e) => {
+  console.log('[auto-play-fail]', e.detail);
+});
 
 function changeSource(type: string) {
   switch (type) {

packages/vidstack/src/providers/vimeo/embed/command.ts

@@ -16,6 +16,7 @@ export type VimeoCommand =
   | 'getCurrentTime'
   | 'getDuration'
   | 'getFullscreen'
+  | 'getMuted'
   | 'getPictureInPicture'
   | 'getPlayed'
   | 'getQualities'
@@ -72,6 +73,7 @@ export interface VimeoCommandArg {
   getSeekable: void;
   getSeeking: void;
   getFullscreen: void;
+  getMuted: void;
   getPictureInPicture: void;
   destroy: void;
   loadVideo: number;
@@ -108,6 +110,7 @@ export interface VimeoCommandData {
   getSeekable: number[];
   getSeeking: boolean;
   getFullscreen: boolean;
+  getMuted: boolean;
   getPictureInPicture: boolean;
   destroy: void;
   loadVideo: void;

packages/vidstack/src/providers/vimeo/provider.ts

@@ -406,6 +406,7 @@ export class VimeoProvider
         }
         break;
       case 'setMuted':
+      case 'getMuted':
         this.#onVolumeChange(peek(this.#ctx.$state.volume), data as boolean, trigger);
         break;
       // case 'getTextTracks':
@@ -433,8 +434,11 @@ export class VimeoProvider
     this.#ctx.notify('pause', undefined, trigger);
   }
 
-  #onPlay(trigger: Event) {
+  async #onPlay(trigger: Event) {
     this.#timeRAF.start();
+    // Get actual muted state from Vimeo BEFORE notifying play.
+    // This ensures auto-play event has correct muted value when browser forces muting.
+    await this.#remote('getMuted');
     this.#ctx.notify('play', undefined, trigger);
   }
 
@@ -463,10 +467,12 @@ export class VimeoProvider
     if (!paused()) this.#ctx.notify('playing', undefined, trigger);
   }
 
-  #onWaiting(trigger: Event) {
+  async #onWaiting(trigger: Event) {
     // Attempt to detect `play` events early.
     const { paused } = this.#ctx.$state;
     if (paused()) {
+      // Sync muted state before notifying play - important for autoplay policy detection
+      await this.#remote('getMuted');
       this.#ctx.notify('play', undefined, trigger);
     }