feat(html): setup player api (#374)

packages/html/src/define/feature/video.ts

@@ -0,0 +1 @@
+// TODO: register video features here when registrations are added

packages/html/src/define/media/hls-video.ts

@@ -0,0 +1 @@
+// TODO: Register HLS video element

packages/html/src/define/player/video.ts

@@ -0,0 +1,17 @@
+import { features } from '@videojs/core/dom';
+import { MediaElement } from '@/ui/media-element';
+import { createPlayer } from '../../player/create-player';
+
+const { PlayerMixin } = createPlayer({
+  features: [...features.video],
+});
+
+export class VideoPlayer extends PlayerMixin(MediaElement) {}
+
+customElements.define('video-player', VideoPlayer);
+
+declare global {
+  interface HTMLElementTagNameMap {
+    'video-player': VideoPlayer;
+  }
+}

packages/html/src/define/skin/video.ts

@@ -0,0 +1 @@
+// TODO: Implement VideoSkinElement and then register it here

packages/html/src/define/ui/play-button.ts

@@ -0,0 +1 @@
+// TODO: Implement PlayButtonElement then register it here