fix(site): remove default attr from storyboard track elements (#1211)

apps/sandbox/app/shared/html/storyboard.ts

@@ -1,3 +1,3 @@
 export function renderStoryboard(src?: string | undefined): string {
-  return src ? `<track kind="metadata" label="thumbnails" src="${src}" default />` : '';
+  return src ? `<track kind="metadata" label="thumbnails" src="${src}" />` : '';
 }

apps/sandbox/app/shared/react/storyboard.tsx

@@ -4,5 +4,5 @@ type StoryboardProps = {
 
 export function Storyboard({ src }: StoryboardProps) {
   if (!src) return null;
-  return <track kind="metadata" label="thumbnails" src={src} default />;
+  return <track kind="metadata" label="thumbnails" src={src} />;
 }

packages/core/src/dom/store/features/text-track.ts

@@ -16,6 +16,7 @@ export const textTrackFeature = definePlayerFeature({
         target().media,
         (track) => track.kind === 'subtitles' || track.kind === 'captions'
       );
+
       if (!subtitlesTracks.length) return false;
 
       const showing = subtitlesTracks.some((track: TextTrack) => track.mode === 'showing');

site/src/components/docs/demos/thumbnail/html/css/BasicUsage.html

@@ -13,7 +13,6 @@
                     kind="metadata"
                     label="thumbnails"
                     src="/docs/demos/thumbnail/basic.vtt"
-                    default
                 />
             </video>
             <media-thumbnail class="html-thumbnail-text-track__thumbnail" time="12"></media-thumbnail>

site/src/components/docs/demos/thumbnail/react/css/BasicUsage.tsx

@@ -17,7 +17,7 @@ export default function TextTrackUsage() {
           playsInline
           crossOrigin="anonymous"
         >
-          <track kind="metadata" label="thumbnails" src="/docs/demos/thumbnail/basic.vtt" default />
+          <track kind="metadata" label="thumbnails" src="/docs/demos/thumbnail/basic.vtt" />
         </Video>
         <Thumbnail className="react-thumbnail-text-track__thumbnail" time={12} />
       </Player.Container>

site/src/components/home/HeroVideo.tsx

@@ -39,7 +39,6 @@ export default function HeroVideo({
             kind="metadata"
             label="thumbnails"
             src={`https://image.mux.com/${VJS10_DEMO_VIDEO.id}/storyboard.vtt`}
-            default
           />
         </HlsVideo>
       </SkinComponent>

site/src/content/docs/reference/thumbnail.mdx

@@ -46,7 +46,6 @@ import jsonSpriteHtmlTs from "@/components/docs/demos/thumbnail/html/css/JsonSpr
       kind="metadata"
       label="thumbnails"
       src="https://image.mux.com/BV3YZtogl89mg9VcNBhhnHm02Y34zI1nlMuMQfAbl3dM/storyboard.vtt"
-      default
     />
   </Video>
   <Thumbnail time={12} />
@@ -60,7 +59,6 @@ import jsonSpriteHtmlTs from "@/components/docs/demos/thumbnail/html/css/JsonSpr
       kind="metadata"
       label="thumbnails"
       src="https://image.mux.com/BV3YZtogl89mg9VcNBhhnHm02Y34zI1nlMuMQfAbl3dM/storyboard.vtt"
-      default
     />
   </video>
   <media-thumbnail time="12"></media-thumbnail>