feat(html): reorganize import paths by use case (#480)

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

@@ -0,0 +1,18 @@
+import { features } from '@videojs/core/dom';
+import { createPlayer } from '../../player/create-player';
+
+const { PlayerElement } = createPlayer({
+  features: features.video,
+});
+
+export class VideoPlayerElement extends PlayerElement {
+  static readonly tagName = 'video-player';
+}
+
+customElements.define(VideoPlayerElement.tagName, VideoPlayerElement);
+
+declare global {
+  interface HTMLElementTagNameMap {
+    [VideoPlayerElement.tagName]: VideoPlayerElement;
+  }
+}

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

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