@aidenlx/player
Version:
Headless web components that make integrating media on the a web a breeze.
36 lines • 1.02 kB
TypeScript
import { MediaRemoteControl } from '../../media';
import { ToggleButtonElement } from '../toggle-button';
/**
* A button for toggling the playback state (play/pause) of the current media.
*
* 💡 The following media attributes are applied:
*
* - `media-paused`: Applied when media playback has paused.
*
* @tagname vds-play-button
* @slot - Used to pass content into the play toggle for showing play/pause states.
* @example
* ```html
* <vds-play-button>
* <div class="play">Play</div>
* <div class="pause">Pause</div>
* </vds-play-button>
* ```
* @example
* ```css
* vds-play-button:not([media-paused]) .play {
* display: none;
* }
*
* vds-play-button[media-paused] .pause {
* display: none;
* }
* ```
*/
export declare class PlayButtonElement extends ToggleButtonElement {
protected readonly _mediaRemote: MediaRemoteControl;
constructor();
connectedCallback(): void;
protected _handleButtonClick(event: Event): void;
}
//# sourceMappingURL=PlayButtonElement.d.ts.map