example: set default playback id in link

Author: luwes

examples/nextjs-with-typescript/pages/MuxPlayer.tsx

@@ -121,7 +121,7 @@ const DEFAULT_INITIAL_STATE: Partial<MuxPlayerProps> = Object.freeze({
   crossOrigin: undefined,
   customDomain: undefined,
   tokens: undefined,
-  playbackId: 'ihZa7qP1zY8oyLSQW9TS602VgwQvNdyIvlk9LInEGU2s',
+  playbackId: undefined,
   streamType: undefined,
   storyboardSrc: undefined,
   theme: undefined,

examples/nextjs-with-typescript/pages/index.tsx

@@ -6,7 +6,7 @@ function HomePage() {
       <ul>
         <li><Link href="/MuxVideo" className="video">&lt;MuxVideo&gt;</Link></li>
         <li><Link href="/MuxAudio"className="audio">&lt;MuxAudio&gt;</Link></li>
-        <li><Link href="/MuxPlayer" className="player">&lt;MuxPlayer&gt;</Link></li>
+        <li><Link href='/MuxPlayer?playbackId="ihZa7qP1zY8oyLSQW9TS602VgwQvNdyIvlk9LInEGU2s"' className="player">&lt;MuxPlayer&gt;</Link></li>
         <li><Link href="/MuxPlayerPosterSlot" className="player"><>&lt;MuxPlayer&gt;<br/>(poster slot)</></Link></li>
         <li><Link href="/MuxPlayerTheme" className="player"><>&lt;MuxPlayer&gt;<br/>(theme)</></Link></li>
         <li><Link href="/MuxPlayerCuePoints" className="player"><>&lt;MuxPlayer&gt;<br/>(CuePoints)</></Link></li>