fix(react, html): rename MediaProvider (and related) to VideoProvider (#159)

site/src/examples/react/TimeSlider/TimeSliderDemo.tsx

@@ -1,15 +1,15 @@
-import { MediaContainer, MediaProvider, Video } from '@videojs/react';
+import { MediaContainer, Video, VideoProvider } from '@videojs/react';
 import { VJS8_DEMO_VIDEO } from '@/consts';
 import { BasicTimeSlider } from './BasicTimeSlider';
 
 /**
- * Demo showing proper MediaProvider usage with TimeSlider.
- * The MediaProvider wraps the entire media experience and provides
+ * Demo showing proper VideoProvider usage with TimeSlider.
+ * The VideoProvider wraps the entire media experience and provides
  * the necessary context for all media components.
  */
 export function TimeSliderDemo() {
   return (
-    <MediaProvider>
+    <VideoProvider>
       <MediaContainer style={{ position: 'relative', zIndex: 10 }}>
         <Video
           src={VJS8_DEMO_VIDEO.hls}
@@ -20,6 +20,6 @@ export function TimeSliderDemo() {
           <BasicTimeSlider />
         </div>
       </MediaContainer>
-    </MediaProvider>
+    </VideoProvider>
   );
 }