vidstack / player

UI components and hooks for building video/audio players on the web. Robust, customizable, and accessible. Modern alternative to JW Player and Video.js.
https://vidstack.io
MIT License
1.9k stars 114 forks source link

Youtube embed's setting button is not functioning properly #1230

Closed Jiaqi-ingenium closed 2 months ago

Jiaqi-ingenium commented 3 months ago

Current Behavior:

The YouTube embed's setting button only has the "playback" option and the "playback" option is not clickable. Screenshot 2024-04-03 at 2 40 09 PM Before this new release, it had functioning "Captions" and "playback" options.

Here is my current setup:

<media-player title="" src="https://www.youtube.com/watch?v=xxx" load="visible" class="video">
      <media-provider>
        <media-poster src="https://img.youtube.com/vi/xxx/0.jpg" alt="Youtube embed thumbnails"></media-poster>
        <track src="./dist/assets/xxx.vtt" kind="subtitles" label="English" srclang="en-US" default data-type="vtt" />
        <track src="./dist/assets/xxx.vtt" kind="subtitles" label="French" srclang="fr" default data-type="vtt" />
      </media-provider>
      <media-video-layout></media-video-layout>
    </media-player>

Expected Behavior:

Expected more working options under the setting button, such as "Accessibility" and "Captions" Screenshot 2024-04-03 at 2 47 34 PM

Environment:

Example:

Jiaqi-ingenium commented 3 months ago

After clicking on the setting button, here is the console error: Screenshot 2024-04-03 at 2 57 23 PM

mihar-22 commented 3 months ago

I can't repro, it might be because of some old locally stored rgb values. Clearing your local storage should do the trick.

Jiaqi-ingenium commented 2 months ago

I can't repro, it might be because of some old locally stored rgb values. Clearing your local storage should do the trick.

Thanks for the reply, it was caused by some local js and it has been resolved.