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

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

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