@aidenlx/player
Version:
Headless web components that make integrating media on the a web a breeze.
36 lines (35 loc) • 1.02 kB
JavaScript
import "../../chunks/chunk.LNH2V2XS.js";
import {
discover,
FullscreenController,
ScreenOrientationController
} from "@vidstack/foundation";
import { html, LitElement } from "lit";
import { MediaController } from "./MediaController";
import { mediaControllerStyles } from "./styles";
class MediaControllerElement extends LitElement {
constructor() {
super();
this.controller = new MediaController(this);
this.fullscreenController = new FullscreenController(this, new ScreenOrientationController(this));
discover(this, "vds-media-controller-connect");
}
static get styles() {
return [mediaControllerStyles];
}
render() {
return html`<slot></slot>`;
}
async requestFullscreen() {
if (this.fullscreenController.isRequestingNativeFullscreen) {
return super.requestFullscreen();
}
return this.fullscreenController.requestFullscreen();
}
async exitFullscreen() {
return this.fullscreenController.exitFullscreen();
}
}
export {
MediaControllerElement
};