diff --git a/types/youtube-player/dist/types.d.ts b/types/youtube-player/dist/types.d.ts index 340c7b7854..fa64feda04 100644 --- a/types/youtube-player/dist/types.d.ts +++ b/types/youtube-player/dist/types.d.ts @@ -137,4 +137,6 @@ export interface YouTubePlayer { setVolume(volume: number): void; stopVideo(): void; unMute(): void; + on(eventType: 'stateChange', listener: (event: CustomEvent & {data: number}) => void): void; + on(eventType: EventType, listener: (event: CustomEvent) => void): void; } diff --git a/types/youtube-player/youtube-player-tests.ts b/types/youtube-player/youtube-player-tests.ts index df622b36aa..cb60168cea 100644 --- a/types/youtube-player/youtube-player-tests.ts +++ b/types/youtube-player/youtube-player-tests.ts @@ -46,3 +46,36 @@ const player: YouTubePlayer = youTubePlayerFactory( }, true, ); + +player.cueVideoById('xyzabc123'); +player.loadVideoById('doesNotExist'); +player.playVideo(); +player.pauseVideo(); +player.setSize(320, 200); +if (player.isMuted()) { + player.unMute(); +} else { + player.mute(); +} +player.setVolume(player.getVolume() / 2); + +player.on('stateChange', (event: CustomEvent & {data: number}) => { + switch (event.data) { + case PlayerStates.PLAYING: + console.log('playing'); + break; + case PlayerStates.PAUSED: + console.log('paused'); + break; + case PlayerStates.ENDED: + console.log('ended'); + break; + default: + break; + } +}); +player.on('error', (event: CustomEvent) => { + console.error('player error', event.detail); +}); + +player.destroy();