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

packages/html/src/define/index.ts

@@ -1,5 +1,5 @@
 import './media-container';
-import './media-provider';
+import './video-provider';
 import './media-play-button';
 import './media-mute-button';
 import './media-volume-slider';

packages/html/src/define/media-provider.ts

@@ -1,4 +0,0 @@
-import { MediaProviderElement } from '@/media/media-provider';
-import { defineCustomElement } from '@/utils/custom-element';
-
-defineCustomElement('media-provider', MediaProviderElement);

packages/html/src/define/video-provider.ts

@@ -0,0 +1,4 @@
+import { VideoProviderElement } from '@/media/video-provider';
+import { defineCustomElement } from '@/utils/custom-element';
+
+defineCustomElement('video-provider', VideoProviderElement);

packages/html/src/index.ts

@@ -9,5 +9,5 @@ export { TimeSliderElement } from './elements/time-slider';
 export { TooltipElement } from './elements/tooltip';
 export { VolumeSliderElement } from './elements/volume-slider';
 export { MediaContainerElement } from './media/media-container';
-export { MediaProviderElement } from './media/media-provider';
 export { MediaSkinElement } from './media/media-skin';
+export { VideoProviderElement } from './media/video-provider';

packages/html/src/media/video-provider.ts

@@ -6,7 +6,7 @@ import { createMediaStore } from '@videojs/core/store';
 
 const ProviderHTMLElement: Constructor<CustomElement & HTMLElement> = ProviderMixin(HTMLElement);
 
-export class MediaProviderElement extends ProviderHTMLElement {
+export class VideoProviderElement extends ProviderHTMLElement {
   contexts = {
     mediaStore: (): MediaStore => {
       return createMediaStore();

packages/html/src/skins/frosted/index.ts

@@ -2,7 +2,7 @@ import { MediaSkinElement } from '@/media/media-skin';
 import { defineCustomElement } from '@/utils/custom-element';
 import styles from './styles.css';
 import '@/define/media-container';
-import '@/define/media-provider';
+import '@/define/video-provider';
 import '@/define/media-play-button';
 import '@/define/media-mute-button';
 import '@/define/media-volume-slider';
@@ -56,7 +56,7 @@ export function getTemplateHTML() {
             </media-time-slider-track>
             <media-time-slider-thumb class="slider-thumb"></media-time-slider-thumb>
           </media-time-slider>
-          <media-tooltip 
+          <media-tooltip
             id="time-slider-tooltip"
             class="surface popup-animation"
             popover="manual"
@@ -76,9 +76,9 @@ export function getTemplateHTML() {
           <media-volume-low-icon class="icon volume-low-icon"></media-volume-low-icon>
           <media-volume-off-icon class="icon volume-off-icon"></media-volume-off-icon>
         </media-mute-button>
-        <media-popover 
-          id="volume-slider-popover" 
-          class="surface popup-animation" 
+        <media-popover
+          id="volume-slider-popover"
+          class="surface popup-animation"
           popover="manual"
           open-on-hover
           delay="200"
@@ -99,7 +99,7 @@ export function getTemplateHTML() {
           <media-fullscreen-enter-icon class="icon fullscreen-enter-icon"></media-fullscreen-enter-icon>
           <media-fullscreen-exit-icon class="icon fullscreen-exit-icon"></media-fullscreen-exit-icon>
         </media-fullscreen-button>
-        <media-tooltip 
+        <media-tooltip
           id="fullscreen-tooltip"
           class="surface popup-animation"
           popover="manual"

packages/html/src/skins/minimal/index.ts

@@ -2,7 +2,7 @@ import { MediaSkinElement } from '@/media/media-skin';
 import { defineCustomElement } from '@/utils/custom-element';
 import styles from './styles.css';
 import '@/define/media-container';
-import '@/define/media-provider';
+import '@/define/video-provider';
 import '@/define/media-play-button';
 import '@/define/media-mute-button';
 import '@/define/media-volume-slider';
@@ -63,7 +63,7 @@ export function getTemplateHTML() {
           </media-time-slider-track>
           <media-time-slider-thumb class="slider-thumb"></media-time-slider-thumb>
         </media-time-slider>
-        <media-tooltip 
+        <media-tooltip
           id="time-slider-tooltip"
           class="popup-animation"
           popover="manual"
@@ -81,8 +81,8 @@ export function getTemplateHTML() {
             <media-volume-low-icon class="icon volume-low-icon"></media-volume-low-icon>
             <media-volume-off-icon class="icon volume-off-icon"></media-volume-off-icon>
           </media-mute-button>
-          <media-popover 
-            id="volume-slider-popover" 
+          <media-popover
+            id="volume-slider-popover"
             class="popup-animation"
             popover="manual"
             open-on-hover
@@ -104,8 +104,8 @@ export function getTemplateHTML() {
             <media-fullscreen-enter-alt-icon class="icon fullscreen-enter-icon"></media-fullscreen-enter-alt-icon>
             <media-fullscreen-exit-alt-icon class="icon fullscreen-exit-icon"></media-fullscreen-exit-icon>
           </media-fullscreen-button>
-          <media-tooltip 
-            id="fullscreen-tooltip" 
+          <media-tooltip
+            id="fullscreen-tooltip"
             class="popup-animation"
             popover="manual"
             delay="500"