From 7512e8ebcf0dd2cce30e6954911e17b3e689007d Mon Sep 17 00:00:00 2001
From: Fikry Fahrezy <ffahrezi69@gmail.com>
Date: Sun, 5 Nov 2023 20:49:07 +0700
Subject: [PATCH] test: add test for players

---
 src/lib/PlayerMedia.svelte                    | 178 ++--
 src/lib/Preview.svelte                        |  60 +-
 src/lib/SveltePlayer.svelte                   |  90 +-
 src/lib/players/DailyMotion.svelte            |  10 +-
 src/lib/players/Facebook.svelte               |   9 +-
 src/lib/players/FilePlayer.svelte             | 276 +++---
 src/lib/players/FilePlayerAudio.svelte        |  47 +
 src/lib/players/FilePlayerTrack.svelte        |  20 +
 src/lib/players/FilePlayerVideo.svelte        |  47 +
 src/lib/players/Kaltura.svelte                |  18 +-
 src/lib/players/Mixcloud.svelte               |  19 +-
 src/lib/players/NotImplemented.svelte         |  10 +-
 src/lib/players/SoundCloud.svelte             |  20 +-
 src/lib/players/Streamable.svelte             |  18 +-
 src/lib/players/Twitch.svelte                 |  11 +-
 src/lib/players/Vidyard.svelte                |   6 +-
 src/lib/players/Vimeo.svelte                  |   6 +-
 src/lib/players/Wistia.svelte                 |   9 +-
 src/lib/players/YouTube.svelte                |  28 +-
 src/lib/players/file.types.ts                 |  46 +-
 src/lib/players/global.types.ts               | 149 ++--
 src/lib/players/hls.types.ts                  |   8 +-
 src/lib/players/index.ts                      |   4 +-
 src/lib/players/mixcloud.global.types.ts      |   4 +-
 .../players/notimplemented.global.types.ts    |   2 +-
 src/lib/players/patterns.ts                   |  11 +-
 src/lib/players/soundcloud.global.types.ts    |   6 +-
 src/lib/players/twitch.global.types.ts        |   5 +-
 src/lib/players/types.ts                      |  85 +-
 src/lib/players/utility.types.ts              |   2 +-
 src/lib/players/utils.ts                      |  71 +-
 src/lib/players/wistia.global.types.ts        |   2 +-
 src/lib/players/youtube.types.ts              |   4 +-
 src/lib/props.ts                              |   4 +-
 src/lib/types.ts                              |  37 +-
 src/routes/+page.svelte                       | 100 +--
 src/test/helpers/testPlayerMethods.ts         |  75 +-
 src/test/helpers/wait.ts                      |   8 +
 src/test/players/DailyMotion.test.ts          | 202 ++++-
 src/test/players/DailyMotionPlayer.mock.ts    |  31 +
 src/test/players/Facebook.test.ts             | 156 ++--
 src/test/players/FacebookPlayer.mock.ts       |  43 +
 src/test/players/FilePlayer.test.ts           | 842 ++++++++++++++++--
 src/test/players/Kaltura.test.ts              | 158 ++--
 src/test/players/Mixcloud.test.ts             | 177 ++--
 src/test/players/MixcloudPlayer.mock.ts       |  84 ++
 src/test/players/PlayerJSPlayer.mock.ts       |  56 ++
 src/test/players/SoundCloud.test.ts           | 184 ++--
 src/test/players/SoundCloudPlayer.mock.ts     |  63 ++
 src/test/players/Streamable.test.ts           | 158 ++--
 src/test/players/Twitch.test.ts               | 182 ++--
 src/test/players/TwitchPlayerPlayer.mock.ts   | 101 +++
 src/test/players/Vimeo.test.ts                | 232 ++---
 src/test/players/VimeoPlayer.mock.ts          | 146 +++
 src/test/players/Wistia.test.ts               |  72 +-
 src/test/players/WistiaPlayer.mock.ts         | 149 ++++
 src/test/players/YouTube.test.ts              | 388 +++-----
 src/test/players/YouTubePlayer.mock.ts        | 135 +++
 src/test/utils/getSDK.test.ts                 | 155 ++--
 src/test/utils/parseEndTime.test.ts           |  10 +-
 src/test/utils/parseStartTime.test.ts         |  12 +-
 src/test/utils/queryString.test.ts            |   2 +-
 src/test/utils/randomString.test.ts           |   4 +-
 vitest.config.ts                              |   3 +-
 64 files changed, 3444 insertions(+), 1806 deletions(-)
 create mode 100644 src/lib/players/FilePlayerAudio.svelte
 create mode 100644 src/lib/players/FilePlayerTrack.svelte
 create mode 100644 src/lib/players/FilePlayerVideo.svelte
 create mode 100644 src/test/helpers/wait.ts
 create mode 100644 src/test/players/DailyMotionPlayer.mock.ts
 create mode 100644 src/test/players/FacebookPlayer.mock.ts
 create mode 100644 src/test/players/MixcloudPlayer.mock.ts
 create mode 100644 src/test/players/PlayerJSPlayer.mock.ts
 create mode 100644 src/test/players/SoundCloudPlayer.mock.ts
 create mode 100644 src/test/players/TwitchPlayerPlayer.mock.ts
 create mode 100644 src/test/players/VimeoPlayer.mock.ts
 create mode 100644 src/test/players/WistiaPlayer.mock.ts
 create mode 100644 src/test/players/YouTubePlayer.mock.ts

diff --git a/src/lib/PlayerMedia.svelte b/src/lib/PlayerMedia.svelte
index d450a7c..64ba776 100644
--- a/src/lib/PlayerMedia.svelte
+++ b/src/lib/PlayerMedia.svelte
@@ -1,16 +1,20 @@
 <script lang="ts">
-	import type { SeekToType, PlayerDispatcher, PlayerMediaRef } from './types';
+	import type { SeekToType } from './types';
 	import type {
 		OnProgressProps,
-		InternalPlayerKey,
 		OnErrorProps,
-		FilePlayerUrl,
-		Player
+		PlayerUrl,
+		Player,
+		PlayerRef,
+		PlayerDispatcher,
+		PlayerConfigObject,
+		PlayerGetPlayerKey,
+		PlayerInternalPlayer
 	} from './players/types';
 	import { onMount, createEventDispatcher } from 'svelte';
 	import { isMediaStream } from './players/utils';
 
-	export let url: FilePlayerUrl;
+	export let url: PlayerUrl;
 	export let playing: boolean;
 	export let loop: boolean;
 	export let controls: boolean;
@@ -23,7 +27,7 @@
 	export let playsinline: boolean;
 	export let pip: boolean;
 	export let stopOnUnmount: boolean;
-	export let config: any; // Expect this type is `PlayerConfig` but, can't figure it out how
+	export let config: PlayerConfigObject;
 
 	export let progressFrequency: number | undefined = undefined;
 	export let disableDeferredLoading: boolean | undefined = undefined;
@@ -32,11 +36,14 @@
 	export let display: string | undefined = undefined;
 	export let activePlayer: Player['loadComponent'];
 
+	const SEEK_ON_PLAY_EXPIRY = 5000;
+	const dispatch = createEventDispatcher<PlayerDispatcher>();
+
 	let mounted = false;
 	let isReady = false;
 	let isPlaying = false; // Track playing state internally to prevent bugs
 	let isLoading = true; // Use isLoading to prevent onPause when switching URL
-	let loadOnReady: FilePlayerUrl | null = null;
+	let loadOnReady: PlayerUrl | null = null;
 	let seekOnPlay: number | null = null;
 	let progressTimeout: number | undefined = undefined;
 	let durationCheckTimeout: number | undefined = undefined;
@@ -44,10 +51,7 @@
 	let prevLoaded: number | undefined = undefined;
 	let onDurationCalled: boolean | undefined = undefined;
 	let startOnPlay: boolean | undefined = undefined;
-	let player: PlayerMediaRef | undefined;
-
-	const SEEK_ON_PLAY_EXPIRY = 5000;
-	const dispatch = createEventDispatcher<PlayerDispatcher>();
+	let player: PlayerRef;
 
 	onMount(function () {
 		mounted = true;
@@ -55,7 +59,7 @@
 		return function () {
 			clearTimeout(progressTimeout);
 			clearTimeout(durationCheckTimeout);
-			if (player !== undefined && isReady && stopOnUnmount) {
+			if (isReady && stopOnUnmount) {
 				player.stop();
 
 				if (player.disablePIP) {
@@ -68,52 +72,66 @@
 	});
 
 	function handlePropsUrlChange(propsUrl: typeof url) {
-		if (player !== undefined && isReady) {
-			if (isLoading && !forceLoad && !disableDeferredLoading && !isMediaStream(propsUrl)) {
-				console.warn(
-					`SveltePlayer: the attempt to load ${propsUrl} is being deferred until the player has loaded`
-				);
-				loadOnReady = propsUrl;
-				return;
-			}
-			isLoading = true;
-			startOnPlay = true;
-			onDurationCalled = false;
-			player.load(propsUrl, isReady);
+		// If there isn’t a player available, don’t do anything
+		if (!player) {
+			return;
+		}
+
+		if (isLoading && !forceLoad && !disableDeferredLoading && !isMediaStream(propsUrl)) {
+			console.warn(
+				`SveltePlayer: the attempt to load ${propsUrl} is being deferred until the player has loaded`
+			);
+			loadOnReady = propsUrl;
+			return;
 		}
+		isLoading = true;
+		startOnPlay = true;
+		onDurationCalled = false;
+		player.load(propsUrl, isReady);
 	}
 
 	$: handlePropsUrlChange(url);
 
 	function handlePropsPlayingChange(propsPlaying: typeof playing) {
-		if (player !== undefined && isReady) {
-			if (propsPlaying && !isPlaying) {
-				player.play();
-			}
-			if (!propsPlaying && isPlaying) {
-				player.pause();
-			}
+		// If there isn’t a player available, don’t do anything
+		if (!player) {
+			return;
+		}
+
+		if (propsPlaying && !isPlaying) {
+			player.play();
+		}
+		if (!propsPlaying && isPlaying) {
+			player.pause();
 		}
 	}
 
 	$: handlePropsPlayingChange(playing);
 
 	function handlePropsPipChange(propsPip: typeof pip) {
-		if (player !== undefined && isReady) {
-			if (propsPip && player.enablePIP) {
-				player.enablePIP();
-			}
+		// If there isn’t a player available, don’t do anything
+		if (!player) {
+			return;
+		}
 
-			if (!propsPip && player.disablePIP) {
-				player.disablePIP();
-			}
+		if (propsPip && player.enablePIP) {
+			player.enablePIP();
+		}
+
+		if (!propsPip && player.disablePIP) {
+			player.disablePIP();
 		}
 	}
 
 	$: handlePropsPipChange(pip);
 
 	function handlePropsVolumeChange(propsVolume: typeof volume) {
-		if (player !== undefined && isReady && propsVolume !== null) {
+		// If there isn’t a player available, don’t do anything
+		if (!player) {
+			return;
+		}
+
+		if (propsVolume !== null) {
 			player.setVolume(propsVolume);
 		}
 	}
@@ -121,19 +139,20 @@
 	$: handlePropsVolumeChange(volume);
 
 	function handlePropsMutedChange(propsMuted: typeof muted) {
-		if (player !== undefined && isReady) {
-			if (propsMuted) {
-				player.mute();
-			} else {
-				player.unmute();
-				if (volume !== null) {
-					// Set volume next tick to fix a bug with DailyMotion
-					setTimeout(function () {
-						if (player !== undefined && volume !== null) {
-							player.setVolume(volume);
-						}
-					});
-				}
+		// If there isn’t a player available, don’t do anything
+		if (!player) {
+			return;
+		}
+
+		if (propsMuted) {
+			player.mute();
+		} else {
+			player.unmute();
+			if (volume !== null) {
+				// Set volume next tick to fix a bug with DailyMotion
+				setTimeout(function () {
+					player.setVolume(Number(volume));
+				});
 			}
 		}
 	}
@@ -141,7 +160,12 @@
 	$: handlePropsMutedChange(muted);
 
 	function handlePropsPlaybackRateChange(propsPlaybackRate: typeof playbackRate) {
-		if (player !== undefined && isReady && player.setPlaybackRate) {
+		// If there isn’t a player available, don’t do anything
+		if (!player) {
+			return;
+		}
+
+		if (player.setPlaybackRate) {
 			player.setPlaybackRate(propsPlaybackRate);
 		}
 	}
@@ -149,7 +173,12 @@
 	$: handlePropsPlaybackRateChange(playbackRate);
 
 	function handlePropsLoopChange(propsLoop: typeof loop) {
-		if (player !== undefined && isReady && player.setLoop) {
+		// If there isn’t a player available, don’t do anything
+		if (!player) {
+			return;
+		}
+
+		if (player.setLoop) {
 			player.setLoop(propsLoop);
 		}
 	}
@@ -157,46 +186,38 @@
 	$: handlePropsLoopChange(loop);
 
 	function handlePlayerMount() {
-		if (player !== undefined) {
-			player.load(url);
-			progress();
-		}
+		player.load(url);
+		progress();
 	}
 
 	export function getDuration() {
-		if (player === undefined || !isReady) {
+		if (!isReady) {
 			return null;
 		}
 		return player.getDuration();
 	}
 
 	export function getCurrentTime() {
-		if (player === undefined || !isReady) {
+		if (!isReady) {
 			return null;
 		}
 		return player.getCurrentTime();
 	}
 
 	export function getSecondsLoaded() {
-		if (player === undefined || !isReady) {
+		if (!isReady) {
 			return null;
 		}
 		return player.getSecondsLoaded();
 	}
 
-	export function getInternalPlayer(key: InternalPlayerKey) {
-		if (!player) return null;
-		switch (key) {
-			case 'player':
-				if (player.getPlayer !== undefined) {
-					return player.getPlayer();
-				}
-				return null;
-			case 'hls':
-			case 'dash':
-			default:
-				return null;
+	export function getInternalPlayer<TKey extends PlayerGetPlayerKey>(
+		key?: TKey
+	): PlayerInternalPlayer[TKey] | null {
+		if (!player) {
+			return null;
 		}
+		return player.getPlayer(key);
 	}
 
 	function progress() {
@@ -226,7 +247,7 @@
 
 	export function seekTo(amount: number, type?: SeekToType, keepPlaying = false) {
 		// When seeking before player is ready, store value and seek later
-		if (player === undefined || !isReady) {
+		if (!isReady) {
 			if (amount !== 0) {
 				seekOnPlay = amount;
 				setTimeout(function () {
@@ -258,13 +279,13 @@
 		isLoading = false;
 		dispatch('ready');
 
-		if (player !== undefined && !muted && volume !== null) {
+		if (!muted && volume !== null) {
 			player.setVolume(volume);
 		}
-		if (player !== undefined && loadOnReady) {
+		if (loadOnReady) {
 			player.load(loadOnReady, true);
 			loadOnReady = null;
-		} else if (player !== undefined && playing) {
+		} else if (playing) {
 			player.play();
 		}
 		handleDurationCheck();
@@ -274,7 +295,7 @@
 		isPlaying = true;
 		isLoading = false;
 		if (startOnPlay) {
-			if (player !== undefined && player.setPlaybackRate && playbackRate !== 1) {
+			if (player.setPlaybackRate && playbackRate !== 1) {
 				player.setPlaybackRate(playbackRate);
 			}
 			dispatch('start');
@@ -354,7 +375,6 @@
 		on:error={handleError}
 		on:bufferEnd
 		on:buffer
-		on:startxxxxxxxxxxx
 		on:playbackRateChange
 		on:seek
 		on:playbackQualityChange
diff --git a/src/lib/Preview.svelte b/src/lib/Preview.svelte
index ba047b1..22825a8 100644
--- a/src/lib/Preview.svelte
+++ b/src/lib/Preview.svelte
@@ -3,28 +3,35 @@
 </script>
 
 <script lang="ts">
+	import type { PreviewDispatcher } from './types';
 	import { createEventDispatcher, onMount } from 'svelte';
 
 	export let previewTabIndex: number;
 	export let url: string;
 	export let light: boolean | string;
 	export let oEmbedUrl: string;
-	export let isCustomPlayIcon: boolean;
+	export let isElementLight: boolean;
+	export let playIcon: boolean;
 
-	let image: string | null = null;
+	const ICON_SIZE = '64px';
 
-	const dispatch = createEventDispatcher();
+	const dispatch = createEventDispatcher<PreviewDispatcher>();
 
-	const isElement = $$slots['light'];
-	const ICON_SIZE = '64px';
+	let image: string | null = null;
 
 	onMount(function () {
 		fetchImage({ url, light, oEmbedUrl });
 	});
 
+	function handleUrlLightChange(newUrl: typeof url, newLight: typeof light) {
+		fetchImage({ url: newUrl, light: newLight, oEmbedUrl });
+	}
+
+	$: handleUrlLightChange(url, light);
+
 	type FetchImageParams = { url: typeof url; light: typeof light; oEmbedUrl: typeof oEmbedUrl };
 	function fetchImage({ url, light, oEmbedUrl }: FetchImageParams) {
-		if (isElement) {
+		if (isElementLight) {
 			return;
 		}
 		if (typeof light === 'string') {
@@ -58,15 +65,34 @@
 		}
 	}
 
-	const flexCenter = 'display: flex; align-items: center; justify-content: center;';
-	$: preview = `width: 100%; height: 100%;${
-		image && !isElement ? `background-image: url(${image});` : ''
-	} background-size: cover; background-position: center; cursor: pointer; ${flexCenter}`;
-	$: shadow = `background: radial-gradient(rgb(0, 0, 0, 0.3), rgba(0, 0, 0, 0) 60%); border-radius: ${ICON_SIZE}; width: ${ICON_SIZE}; height: ${ICON_SIZE}; ${
-		isElement ? 'position: absolute;' : ''
-	} ${flexCenter}`;
-	const playIcon =
-		'border-style: solid; border-width: 16px 0 16px 26px; border-color: transparent transparent transparent white; margin-left: 7px;';
+	const flexCenter = `
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	`;
+	$: preview = `
+		width: 100%;
+		height: 100%;
+		${image && !isElementLight ? `background-image: url(${image});` : ''} 
+		background-size: cover;
+		background-position: center; 
+		cursor: pointer; 
+		${flexCenter}
+	`;
+	$: shadow = `
+		background: radial-gradient(rgb(0, 0, 0, 0.3), rgba(0, 0, 0, 0) 60%);
+		border-radius: ${ICON_SIZE};
+		width: ${ICON_SIZE};
+		height: ${ICON_SIZE};
+		${isElementLight ? 'position: absolute;' : ''}
+		${flexCenter}
+	`;
+	const playIconStyle = `
+		border-style: solid;
+		border-width: 16px 0 16px 26px;
+		border-color: transparent transparent transparent white;
+		margin-left: 7px;
+	`;
 </script>
 
 <div
@@ -80,9 +106,9 @@
 	<slot name="light" />
 	<slot name="play-icon" />
 
-	{#if !isCustomPlayIcon}
+	{#if !playIcon}
 		<div style={shadow} class="svelte-player__shadow">
-			<div style={playIcon} class="svelte-player__play-icon" />
+			<div style={playIconStyle} class="svelte-player__play-icon" />
 		</div>
 	{/if}
 </div>
diff --git a/src/lib/SveltePlayer.svelte b/src/lib/SveltePlayer.svelte
index 75c46ec..518cb31 100644
--- a/src/lib/SveltePlayer.svelte
+++ b/src/lib/SveltePlayer.svelte
@@ -1,13 +1,13 @@
 <script lang="ts">
-	import type {
-		PlayerRef,
-		SeekToType,
-		SveltePlayerDispatcher,
-		SveltePlayerRef,
-		PlayerKey
-	} from './types';
+	import type { PlayerMediaRef, SeekToType, SveltePlayerDispatcher } from './types';
 	import type { RecursivePartial } from './players/utility.types';
-	import type { InternalPlayerKey, FilePlayerUrl, Config } from './players/types';
+	import type {
+		PlayerUrl,
+		PlayerConfig,
+		PlayerConfigKey,
+		PlayerGetPlayerKey,
+		PlayerInternalPlayer
+	} from './players/types';
 
 	import { createEventDispatcher } from 'svelte';
 	import merge from 'deepmerge';
@@ -17,7 +17,9 @@
 	import Preview from './Preview.svelte';
 	import { defaultConfig } from './props';
 
-	export let url: FilePlayerUrl;
+	export const someValue = 123;
+
+	export let url: PlayerUrl;
 	export let playing = false;
 	export let loop = false;
 	export let controls = false;
@@ -32,7 +34,7 @@
 	export let pip = false;
 	export let stopOnUnmount = true;
 	export let previewTabIndex = 0;
-	export let config: RecursivePartial<Config> = {};
+	export let config: RecursivePartial<PlayerConfig> = {};
 	export let oEmbedUrl = 'https://noembed.com/embed?url={url}';
 
 	export let progressFrequency: number | undefined = undefined;
@@ -40,10 +42,9 @@
 
 	const dispatch = createEventDispatcher<SveltePlayerDispatcher>();
 
-	let showPreviewState = !!light;
-	let playerRef: PlayerRef;
+	let playerRef: PlayerMediaRef;
 
-	export function canEnablePIP(url: FilePlayerUrl) {
+	export function canEnablePIP(url: PlayerUrl) {
 		for (const Player of [...players]) {
 			if (Player.canEnablePIP && Player.canEnablePIP(url)) {
 				return true;
@@ -52,20 +53,11 @@
 		return false;
 	}
 
-	function handlePropsLightChange(propsLight: typeof light) {
-		if (propsLight) {
-			showPreviewState = true;
-		}
-		if (!propsLight) {
-			showPreviewState = false;
-		}
-	}
-
-	$: handlePropsLightChange(light);
+	$: showPreviewState = !!light;
 
-	function handleClickPreview() {
+	function handleClickPreview(e: Event) {
 		showPreviewState = false;
-		dispatch('clickPreview');
+		dispatch('clickPreview', e);
 	}
 
 	export function showPreview() {
@@ -73,47 +65,49 @@
 	}
 
 	export function getDuration() {
-		if (!playerRef) return null;
+		if (!playerRef) {
+			return null;
+		}
 		return playerRef.getDuration();
 	}
 
 	export function getCurrentTime() {
-		if (!playerRef) return null;
+		if (!playerRef) {
+			return null;
+		}
 		return playerRef.getCurrentTime();
 	}
 
 	export function getSecondsLoaded() {
-		if (!playerRef) return null;
+		if (!playerRef) {
+			return null;
+		}
 		return playerRef.getSecondsLoaded();
 	}
 
-	export function getInternalPlayer(key: InternalPlayerKey = 'player') {
-		if (!playerRef) return null;
+	export function getInternalPlayer<TKey extends PlayerGetPlayerKey>(
+		key: TKey | 'player' = 'player'
+	): PlayerInternalPlayer['player'] | PlayerInternalPlayer[TKey] | null {
+		if (!playerRef) {
+			return null;
+		}
 		return playerRef.getInternalPlayer(key);
 	}
 
 	export function seekTo(fraction: number, type?: SeekToType, keepPlaying?: boolean) {
-		if (!playerRef) return null;
+		if (!playerRef) {
+			return null;
+		}
 		playerRef.seekTo(fraction, type, keepPlaying);
 	}
 
-	const sveltePlayer: SveltePlayerRef = {
-		showPreview,
-		canEnablePIP,
-		getCurrentTime,
-		getDuration,
-		getInternalPlayer,
-		getSecondsLoaded,
-		seekTo
-	};
-
 	function handleReady() {
-		dispatch('ready', sveltePlayer);
+		dispatch('ready');
 	}
 
-	function getConfig<T extends PlayerKey>(configUrl: FilePlayerUrl, configKey: T) {
-		const memoized = memoize<(url: typeof configUrl, key: T) => Config[T]>((_, key) => {
-			return merge<Config[T]>(defaultConfig[key] || {}, config[key] || {});
+	function getConfig<T extends PlayerConfigKey>(configUrl: PlayerUrl, configKey: T) {
+		const memoized = memoize<(url: typeof configUrl, key: T) => PlayerConfig[T]>((_, key) => {
+			return merge<PlayerConfig[T]>(defaultConfig[key] || {}, config[key] || {});
 		});
 
 		return memoized(configUrl, configKey);
@@ -123,13 +117,15 @@
 {#if showPreviewState}
 	{#if url}
 		<Preview
-			url={typeof url !== 'string' ? '' : url}
 			{light}
 			{previewTabIndex}
 			{oEmbedUrl}
-			isCustomPlayIcon={$$slots['play-icon']}
+			url={typeof url !== 'string' ? '' : url}
+			playIcon={$$slots['play-icon']}
+			isElementLight={$$slots['light']}
 			on:click={handleClickPreview}
 		>
+			<slot name="light" slot="light" />
 			<slot name="play-icon" slot="play-icon" />
 		</Preview>
 	{/if}
diff --git a/src/lib/players/DailyMotion.svelte b/src/lib/players/DailyMotion.svelte
index db2f810..f6bb423 100644
--- a/src/lib/players/DailyMotion.svelte
+++ b/src/lib/players/DailyMotion.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import type { GlobalSDKDailyMotionKey } from './global.types';
 	import type { DailyMotionPlayer, DailyMotionSDKReady } from './dailymotion.global.types';
-	import type { Dispatcher } from './types';
+	import type { PlayerDispatcher } from './types';
 	import type { DailyMotionConfig } from './dailymotion.types';
 
 	import { onMount, createEventDispatcher } from 'svelte';
@@ -18,7 +18,7 @@
 	const SDK_GLOBAL: GlobalSDKDailyMotionKey = 'DM';
 	const SDK_GLOBAL_READY: DailyMotionSDKReady = 'dmAsyncInit';
 
-	const dispatch = createEventDispatcher<Dispatcher>();
+	const dispatch = createEventDispatcher<PlayerDispatcher>();
 
 	let container: HTMLDivElement;
 	let player: DailyMotionPlayer;
@@ -66,7 +66,7 @@
 						video_end() {
 							dispatch('ended');
 						},
-						durationchange: onDurationChange,
+						durationchange: _onDurationChange,
 						pause() {
 							dispatch('pause');
 						},
@@ -88,7 +88,7 @@
 		);
 	}
 
-	function onDurationChange() {
+	export function _onDurationChange() {
 		const duration = getDuration();
 		dispatch('duration', duration);
 	}
@@ -137,7 +137,7 @@
 		return player;
 	}
 
-	export function setPlayer(newPlayer: DailyMotionPlayer) {
+	export function _setPlayer(newPlayer: DailyMotionPlayer) {
 		player = newPlayer;
 	}
 </script>
diff --git a/src/lib/players/Facebook.svelte b/src/lib/players/Facebook.svelte
index 0efa6bb..731e086 100644
--- a/src/lib/players/Facebook.svelte
+++ b/src/lib/players/Facebook.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import type { GlobalSDKFacebookKey } from './global.types';
 	import type { FacebookPlayer, FacebookSDKReady } from './facebook.global.types';
-	import type { Dispatcher } from './types';
+	import type { PlayerDispatcher } from './types';
 	import type { FacebookConfig } from './facebook.types';
 
 	import { onMount, createEventDispatcher } from 'svelte';
@@ -18,11 +18,12 @@
 	const SDK_GLOBAL_READY: FacebookSDKReady = 'fbAsyncInit';
 	const PLAYER_ID_PREFIX = 'facebook-player-';
 
-	const dispatch = createEventDispatcher<Dispatcher>();
+	const dispatch = createEventDispatcher<PlayerDispatcher>();
 
 	let player: FacebookPlayer;
 
-	$: playerID = config.playerId || `${PLAYER_ID_PREFIX}${randomString()}`;
+	$: ({ playerId } = config);
+	$: playerID = playerId || `${PLAYER_ID_PREFIX}${randomString()}`;
 
 	onMount(function () {
 		dispatch('mount');
@@ -132,7 +133,7 @@
 		return player;
 	}
 
-	export function setPlayer(newPlayer: FacebookPlayer) {
+	export function _setPlayer(newPlayer: FacebookPlayer) {
 		player = newPlayer;
 	}
 </script>
diff --git a/src/lib/players/FilePlayer.svelte b/src/lib/players/FilePlayer.svelte
index f873c00..0a8b183 100644
--- a/src/lib/players/FilePlayer.svelte
+++ b/src/lib/players/FilePlayer.svelte
@@ -1,20 +1,26 @@
 <script lang="ts">
+	import type { GlobalSDKDASHKey, GlobalSDKHLSKey, GlobalSDKFLVKey } from './global.types';
+	import type { PlayerDispatcher } from './types';
 	import type {
-		GlobalSDKDASHKey,
-		GlobalSDKHLSKey,
-		GlobalSDKFLVKey,
-		GlobalSDKHLSClass
-	} from './global.types';
-	import type { FilePlayerUrl, Dispatcher } from './types';
-	import type { FileConfig, ShouldUseAudioParams, PlayerElement } from './file.types';
-	import type { DashJSMediaPlayerClass } from './dash.types';
-	import type { FlvJSPlayer } from './flv.types';
-
-	import { onMount, createEventDispatcher, beforeUpdate, afterUpdate } from 'svelte';
+		FileConfig,
+		FilePlayerElement,
+		FileUrl,
+		FileInternalPlayerKey,
+		FileInternalPlayer,
+		DashJSMediaPlayerClass,
+		FlvJSPlayer,
+		HLSClass,
+		PlayerElementRef
+	} from './file.types';
+
+	import { onMount, createEventDispatcher } from 'svelte';
 	import { getSDK, isMediaStream, supportsWebKitPresentationMode } from './utils';
 	import { AUDIO_EXTENSIONS, HLS_EXTENSIONS, DASH_EXTENSIONS, FLV_EXTENSIONS } from './patterns';
+	import FilePlayerAudio from './FilePlayerAudio.svelte';
+	import FilePlayerVideo from './FilePlayerVideo.svelte';
+	import FilePlayerTrack from './FilePlayerTrack.svelte';
 
-	export let url: FilePlayerUrl;
+	export let url: FileUrl;
 	export let playing: boolean;
 	export let loop: boolean;
 	export let controls: boolean;
@@ -47,81 +53,45 @@
 	const MATCH_CLOUDFLARE_STREAM = /https:\/\/watch\.cloudflarestream\.com\/([a-z0-9]+)/;
 	const REPLACE_CLOUDFLARE_STREAM = 'https://videodelivery.net/{id}/manifest/video.m3u8';
 
-	const dispatch = createEventDispatcher<Dispatcher>();
+	const dispatch = createEventDispatcher<PlayerDispatcher>();
 
-	let hls: GlobalSDKHLSClass | undefined = undefined;
+	let hls: HLSClass | undefined = undefined;
 	let dash: DashJSMediaPlayerClass | undefined = undefined;
 	let flv: FlvJSPlayer | undefined = undefined;
 
-	type Props = {
-		url: FilePlayerUrl;
-		config: FileConfig;
-	};
-
-	let propsHistory: (Props | undefined)[] = [];
-
-	function handlePropsChange(newProps: Props) {
-		propsHistory = [propsHistory[propsHistory.length - 1], newProps];
-	}
-
-	$: handlePropsChange({ url, config });
-
-	function handlePlayerChange(newPlayer: PlayerElement, prevPlayer?: PlayerElement) {
-		const prevProps = propsHistory[0];
-		const currentProps = propsHistory[1];
-
-		if (prevPlayer === undefined || prevProps === undefined || currentProps === undefined) {
-			return;
-		}
-
-		if (shouldUseAudio(currentProps) !== shouldUseAudio(prevProps)) {
-			removeListeners(prevPlayer, prevProps.url);
-			addListeners(newPlayer);
-		}
+	let playerElementRef: PlayerElementRef;
+	let player: FilePlayerElement;
 
-		if (currentProps.url !== prevProps.url && !isMediaStream(currentProps.url)) {
-			newPlayer.srcObject = null;
+	export function setInternalPlayer(newPlayer: FilePlayerElement) {
+		if (player === undefined) {
+			player = newPlayer;
 		}
 	}
 
-	type PlayerObjectType = 'player' | 'prevPlayer';
-	const playerObjectTarget: Record<PlayerObjectType, PlayerElement> = {} as Record<
-		PlayerObjectType,
-		PlayerElement
-	>;
-	const playerObjectHandler: ProxyHandler<typeof playerObjectTarget> = {
-		set(target, p, newValue) {
-			if (newValue && target['prevPlayer']) {
-				handlePlayerChange(newValue, target['prevPlayer']);
-			}
-			target['prevPlayer'] = target[p as keyof typeof target];
-			target[p as keyof typeof target] = newValue;
-			return true;
-		}
-	};
-	const playerObject = new Proxy<Record<PlayerObjectType, PlayerElement>>(
-		playerObjectTarget,
-		playerObjectHandler
-	);
-
 	onMount(function () {
 		dispatch('mount');
-		addListeners(playerObject.player);
-		playerObject.player.src = String(getSource(url)); // Ensure src is set in strict mode
+		setInternalPlayer(playerElementRef.getPlayer());
 		if (IS_IOS || config.forceDisableHls) {
-			playerObject.player.load();
+			player.load();
 		}
 
 		return function () {
-			playerObject.player.src = '';
-			removeListeners(playerObject.player);
 			if (hls) {
 				hls.destroy();
 			}
 		};
 	});
 
-	function addListeners(playerParams: PlayerElement) {
+	function handleUrlChange(newUrl: FileUrl) {
+		if (player !== undefined && !isMediaStream(newUrl)) {
+			player.srcObject = null;
+		}
+	}
+
+	$: handleUrlChange(url);
+
+	export let _addListeners = (playerParams: FilePlayerElement) => {
+		player = playerParams;
 		playerParams.addEventListener('play', onPlay);
 		playerParams.addEventListener('waiting', onBuffer);
 		playerParams.addEventListener('playing', onBufferEnd);
@@ -142,9 +112,9 @@
 			playerParams.setAttribute('webkit-playsinline', '');
 			playerParams.setAttribute('x5-playsinline', '');
 		}
-	}
+	};
 
-	function removeListeners(playerParams: PlayerElement, urlParams?: typeof url) {
+	export let _removeListeners = (playerParams: FilePlayerElement, urlParams?: typeof url) => {
 		playerParams.removeEventListener('canplay', onReady);
 		playerParams.removeEventListener('play', onPlay);
 		playerParams.removeEventListener('waiting', onBuffer);
@@ -161,7 +131,7 @@
 			// onReady is handled by hls.js
 			playerParams.removeEventListener('canplay', onReady);
 		}
-	}
+	};
 
 	function onReady(e: Event) {
 		dispatch('ready', e);
@@ -209,8 +179,8 @@
 	}
 
 	function onPresentationModeChange(e: Event) {
-		if (playerObject.player && supportsWebKitPresentationMode(playerObject.player)) {
-			const { webkitPresentationMode } = playerObject.player;
+		if (player && supportsWebKitPresentationMode(player)) {
+			const { webkitPresentationMode } = player;
 			if (webkitPresentationMode === 'picture-in-picture') {
 				onEnablePIP(e);
 			} else if (webkitPresentationMode === 'inline') {
@@ -219,10 +189,15 @@
 		}
 	}
 
-	function onSeek(e: Event) {
+	export function onSeek(e: Event) {
 		dispatch('seek', (e.target as HTMLMediaElement).currentTime);
 	}
 
+	type ShouldUseAudioParams = {
+		url: FileUrl;
+		config: FileConfig;
+	};
+
 	function shouldUseAudio(props: ShouldUseAudioParams) {
 		if (props.config.forceVideo) {
 			return false;
@@ -233,7 +208,7 @@
 		return AUDIO_EXTENSIONS.test(String(props.url)) || props.config.forceAudio;
 	}
 
-	function shouldUseHLS(url: FilePlayerUrl): url is string {
+	function shouldUseHLS(url: FileUrl): url is string {
 		if ((IS_SAFARI && config.forceSafariHLS) || config.forceHLS) {
 			return true;
 		}
@@ -243,15 +218,15 @@
 		return HLS_EXTENSIONS.test(String(url)) || MATCH_CLOUDFLARE_STREAM.test(String(url));
 	}
 
-	function shouldUseDASH(url: FilePlayerUrl): url is string {
+	function shouldUseDASH(url: FileUrl): url is string {
 		return DASH_EXTENSIONS.test(String(url)) || config.forceDASH;
 	}
 
-	function shouldUseFLV(url: FilePlayerUrl): url is string {
+	function shouldUseFLV(url: FileUrl): url is string {
 		return FLV_EXTENSIONS.test(String(url)) || config.forceFLV;
 	}
 
-	export function load(loadUrl: FilePlayerUrl) {
+	export function load(loadUrl: FileUrl) {
 		const { hlsVersion, hlsOptions, dashVersion, flvVersion } = config;
 		if (hls) {
 			hls.destroy();
@@ -279,14 +254,14 @@
 				} else {
 					hls.loadSource(loadUrl);
 				}
-				hls.attachMedia(playerObject.player);
+				hls.attachMedia(player);
 				dispatch('loaded');
 			});
 		}
 		if (shouldUseDASH(loadUrl)) {
 			getSDK(DASH_SDK_URL.replace('VERSION', dashVersion), DASH_GLOBAL).then(function (dashjs) {
 				dash = dashjs.MediaPlayer().create();
-				dash.initialize(playerObject.player, loadUrl, playing);
+				dash.initialize(player, loadUrl, playing);
 				dash.on('error', function (e) {
 					dispatch('error', {
 						error: e.error
@@ -303,7 +278,7 @@
 		if (shouldUseFLV(loadUrl)) {
 			getSDK(FLV_SDK_URL.replace('VERSION', flvVersion), FLV_GLOBAL).then(function (flvjs) {
 				flv = flvjs.createPlayer({ type: 'flv', url: loadUrl });
-				flv.attachMediaElement(playerObject.player);
+				flv.attachMediaElement(player);
 				flv.on(flvjs.Events.ERROR, function (e, data) {
 					dispatch('error', {
 						error: e.error,
@@ -322,20 +297,18 @@
 			// HTMLMediaElement.load() is needed to reset the media element
 			// and restart the media resource. Just replacing children source
 			// dom nodes is not enough
-			playerObject.player.load();
+			player.load();
 		} else if (isMediaStream(loadUrl)) {
 			try {
-				playerObject.player.srcObject = loadUrl;
+				player.srcObject = loadUrl;
 			} catch (e) {
-				playerObject.player.src = window.URL.createObjectURL(
-					loadUrl as unknown as MediaSource | Blob
-				);
+				player.src = window.URL.createObjectURL(loadUrl as unknown as MediaSource | Blob);
 			}
 		}
 	}
 
 	export function play() {
-		const promise = playerObject.player.play();
+		const promise = player.play();
 		if (promise) {
 			promise.catch(function (err) {
 				dispatch('error', {
@@ -346,60 +319,57 @@
 	}
 
 	export function pause() {
-		playerObject.player.pause();
+		player.pause();
 	}
 
 	export function stop() {
-		playerObject.player.removeAttribute('src');
+		player.removeAttribute('src');
 		if (dash) {
 			dash.reset();
 		}
 	}
 
 	export function seekTo(seconds: number) {
-		playerObject.player.currentTime = seconds;
+		player.currentTime = seconds;
 	}
 
 	export function setVolume(fraction: number) {
-		playerObject.player.volume = fraction;
+		player.volume = fraction;
 	}
 
 	export function mute() {
-		playerObject.player.muted = true;
+		player.muted = true;
 	}
 
 	export function unmute() {
-		playerObject.player.muted = false;
+		player.muted = false;
 	}
 
 	export function enablePIP() {
-		if (
-			'requestPictureInPicture' in playerObject.player &&
-			document.pictureInPictureElement !== playerObject.player
-		) {
-			playerObject.player.requestPictureInPicture();
+		if ('requestPictureInPicture' in player && document.pictureInPictureElement !== player) {
+			player.requestPictureInPicture();
 		} else if (
-			supportsWebKitPresentationMode(playerObject.player) &&
-			playerObject.player.webkitPresentationMode !== 'picture-in-picture'
+			supportsWebKitPresentationMode(player) &&
+			player.webkitPresentationMode !== 'picture-in-picture'
 		) {
-			playerObject.player.webkitSetPresentationMode('picture-in-picture');
+			player.webkitSetPresentationMode('picture-in-picture');
 		}
 	}
 
 	export function disablePIP() {
-		if (document.exitPictureInPicture && document.pictureInPictureElement === playerObject.player) {
+		if (document.exitPictureInPicture && document.pictureInPictureElement === player) {
 			document.exitPictureInPicture();
 		} else if (
-			supportsWebKitPresentationMode(playerObject.player) &&
-			playerObject.player.webkitPresentationMode !== 'inline'
+			supportsWebKitPresentationMode(player) &&
+			player.webkitPresentationMode !== 'inline'
 		) {
-			playerObject.player.webkitSetPresentationMode('inline');
+			player.webkitSetPresentationMode('inline');
 		}
 	}
 
 	export function setPlaybackRate(rate: number) {
 		try {
-			playerObject.player.playbackRate = rate;
+			player.playbackRate = rate;
 		} catch (error) {
 			dispatch('error', {
 				error: error
@@ -408,10 +378,10 @@
 	}
 
 	export function getDuration() {
-		if (!playerObject.player) {
+		if (!player) {
 			return null;
 		}
-		const { duration, seekable } = playerObject.player;
+		const { duration, seekable } = player;
 		// on iOS, live streams return Infinity for the duration
 		// so instead we use the end of the seekable timerange
 		if (duration === Infinity && seekable.length > 0) {
@@ -421,17 +391,17 @@
 	}
 
 	export function getCurrentTime() {
-		if (!playerObject.player) {
+		if (!player) {
 			return null;
 		}
-		return playerObject.player.currentTime;
+		return player.currentTime;
 	}
 
 	export function getSecondsLoaded() {
-		if (!playerObject.player) {
+		if (!player) {
 			return null;
 		}
-		const { buffered } = playerObject.player;
+		const { buffered } = player;
 		if (buffered.length === 0) {
 			return 0;
 		}
@@ -443,7 +413,7 @@
 		return end;
 	}
 
-	function getSource(url: FilePlayerUrl) {
+	function getSource(url: FileUrl) {
 		if (typeof url === 'string' && MATCH_DROPBOX_URL.test(url)) {
 			return url.replace('www.dropbox.com', 'dl.dropboxusercontent.com');
 		}
@@ -456,43 +426,65 @@
 		return url;
 	}
 
-	export function getPlayer(): PlayerElement {
-		return playerObject.player;
+	export function getPlayer<TKey extends FileInternalPlayerKey>(
+		key: TKey
+	): FileInternalPlayer[TKey] | null {
+		const fileInternalPlayer: Partial<FileInternalPlayer> = {
+			dash,
+			flv,
+			hls,
+			player
+		};
+
+		return fileInternalPlayer[key] ?? null;
+	}
+
+	export function _setPlayer(newPlayer: FilePlayerElement) {
+		player = newPlayer;
 	}
 
-	export function setPlayer(newPlayer: PlayerElement) {
-		playerObject.player = newPlayer;
+	export function _setDash(newDashPlayer: DashJSMediaPlayerClass) {
+		dash = newDashPlayer;
 	}
 
 	$: useAudio = shouldUseAudio({ config, url });
-	$: Element = (useAudio ? 'audio' : 'video') as 'audio' | 'video';
 	$: widthStyle = `width: ${width === 'auto' ? width : '100%'};`;
 	$: heightStyle = `height: ${height === 'auto' ? height : '100%'};`;
 	$: style = widthStyle + heightStyle;
 </script>
 
-<svelte:element
-	this={Element}
-	bind:this={playerObject.player}
-	src={getSource(url)}
-	{style}
-	preload="auto"
-	autoplay={playing || undefined}
-	controls={controls || undefined}
-	muted={muted || undefined}
-	loop={loop || undefined}
-	{...config.attributes}
->
-	{#if url instanceof Array}
-		{#each url as source}
-			{#if typeof source === 'string'}
-				<source src={source} />
-			{:else}
-				<source {...source} />
-			{/if}
-		{/each}
-	{/if}
-	{#each config.tracks as track}
-		<track {...track} />
-	{/each}
-</svelte:element>
+{#if useAudio}
+	<FilePlayerAudio
+		{url}
+		{style}
+		bind:this={playerElementRef}
+		src={getSource(url)}
+		addListeners={_addListeners}
+		removeListeners={_removeListeners}
+		preload="auto"
+		autoplay={playing || undefined}
+		controls={controls || undefined}
+		muted={muted || undefined}
+		loop={loop || undefined}
+		attributes={config.attributes}
+	>
+		<FilePlayerTrack {url} tracks={config.tracks} />
+	</FilePlayerAudio>
+{:else}
+	<FilePlayerVideo
+		{url}
+		{style}
+		bind:this={playerElementRef}
+		src={getSource(url)}
+		addListeners={_addListeners}
+		removeListeners={_removeListeners}
+		preload="auto"
+		autoplay={playing || undefined}
+		controls={controls || undefined}
+		muted={muted || undefined}
+		loop={loop || undefined}
+		attributes={config.attributes}
+	>
+		<FilePlayerTrack {url} tracks={config.tracks} />
+	</FilePlayerVideo>
+{/if}
diff --git a/src/lib/players/FilePlayerAudio.svelte b/src/lib/players/FilePlayerAudio.svelte
new file mode 100644
index 0000000..a5dcf37
--- /dev/null
+++ b/src/lib/players/FilePlayerAudio.svelte
@@ -0,0 +1,47 @@
+<script lang="ts">
+	import type { HTMLAudioAttributes } from 'svelte/elements';
+	import type { FileUrl, AddListenersFn, RemoveListenersFn } from './file.types';
+
+	import { onMount } from 'svelte';
+
+	export let url: FileUrl;
+	export let src: string | undefined;
+	export let style: string | undefined;
+	export let preload: string | undefined;
+	export let autoplay: boolean | undefined;
+	export let controls: boolean | undefined;
+	export let muted: boolean | undefined;
+	export let loop: boolean | undefined;
+	export let attributes: HTMLAudioAttributes | undefined;
+	export let addListeners: AddListenersFn;
+	export let removeListeners: RemoveListenersFn;
+
+	let player: HTMLAudioElement;
+
+	onMount(function () {
+		addListeners(player);
+
+		return function () {
+			player.src = '';
+			removeListeners(player, url);
+		};
+	});
+
+	export function getPlayer() {
+		return player;
+	}
+</script>
+
+<audio
+	bind:this={player}
+	{src}
+	{style}
+	{preload}
+	{autoplay}
+	{controls}
+	{muted}
+	{loop}
+	{...attributes}
+>
+	<slot />
+</audio>
diff --git a/src/lib/players/FilePlayerTrack.svelte b/src/lib/players/FilePlayerTrack.svelte
new file mode 100644
index 0000000..f5c4d7d
--- /dev/null
+++ b/src/lib/players/FilePlayerTrack.svelte
@@ -0,0 +1,20 @@
+<script lang="ts">
+	import type { HTMLTrackAttributes } from 'svelte/elements';
+	import type { FileUrl } from './file.types';
+
+	export let url: FileUrl;
+	export let tracks: Omit<HTMLTrackAttributes, `on:${string}`>[];
+</script>
+
+{#if url instanceof Array}
+	{#each url as source}
+		{#if typeof source === 'string'}
+			<source src={source} />
+		{:else}
+			<source {...source} />
+		{/if}
+	{/each}
+{/if}
+{#each tracks as track}
+	<track {...track} />
+{/each}
diff --git a/src/lib/players/FilePlayerVideo.svelte b/src/lib/players/FilePlayerVideo.svelte
new file mode 100644
index 0000000..9658e9e
--- /dev/null
+++ b/src/lib/players/FilePlayerVideo.svelte
@@ -0,0 +1,47 @@
+<script lang="ts">
+	import type { HTMLVideoAttributes } from 'svelte/elements';
+	import type { FileUrl, AddListenersFn, RemoveListenersFn } from './file.types';
+
+	import { onMount } from 'svelte';
+
+	export let url: FileUrl;
+	export let src: string | undefined;
+	export let style: string | undefined;
+	export let preload: string | undefined;
+	export let autoplay: boolean | undefined;
+	export let controls: boolean | undefined;
+	export let muted: boolean | undefined;
+	export let loop: boolean | undefined;
+	export let attributes: HTMLVideoAttributes | undefined;
+	export let addListeners: AddListenersFn;
+	export let removeListeners: RemoveListenersFn;
+
+	let player: HTMLVideoElement;
+
+	onMount(function () {
+		addListeners(player);
+
+		return function () {
+			player.src = '';
+			removeListeners(player, url);
+		};
+	});
+
+	export function getPlayer() {
+		return player;
+	}
+</script>
+
+<video
+	bind:this={player}
+	{src}
+	{style}
+	{preload}
+	{autoplay}
+	{controls}
+	{muted}
+	{loop}
+	{...attributes}
+>
+	<slot />
+</video>
diff --git a/src/lib/players/Kaltura.svelte b/src/lib/players/Kaltura.svelte
index 3f00035..3058e9c 100644
--- a/src/lib/players/Kaltura.svelte
+++ b/src/lib/players/Kaltura.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import type { GlobalSDKPlayerJSKey } from './global.types';
 	import type { PlayerJSPlayer } from './playerjs.global.types';
-	import type { Dispatcher } from './types';
+	import type { PlayerDispatcher } from './types';
 
 	import { onMount, createEventDispatcher } from 'svelte';
 	import { getSDK } from './utils';
@@ -13,7 +13,7 @@
 	const SDK_URL = 'https://cdn.embed.ly/player-0.1.0.min.js';
 	const SDK_GLOBAL: GlobalSDKPlayerJSKey = 'playerjs';
 
-	const dispatch = createEventDispatcher<Dispatcher>();
+	const dispatch = createEventDispatcher<PlayerDispatcher>();
 
 	let iframeContainer: HTMLIFrameElement;
 	let player: PlayerJSPlayer;
@@ -127,9 +127,21 @@
 		return player;
 	}
 
-	export function setPlayer(newPlayer: PlayerJSPlayer) {
+	export function _setPlayer(newPlayer: PlayerJSPlayer) {
 		player = newPlayer;
 	}
+
+	export function _setDuration(newDuration: number) {
+		duration = newDuration;
+	}
+
+	export function _setCurrentTime(newCurrentTime: number) {
+		currentTime = newCurrentTime;
+	}
+
+	export function _setSecondsLoaded(newSecondsLoaded: number) {
+		secondsLoaded = newSecondsLoaded;
+	}
 </script>
 
 <iframe
diff --git a/src/lib/players/Mixcloud.svelte b/src/lib/players/Mixcloud.svelte
index 5d13fa4..a3f149a 100644
--- a/src/lib/players/Mixcloud.svelte
+++ b/src/lib/players/Mixcloud.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import type { GlobalSDKMixcloudKey } from './global.types';
 	import type { MixcloudWidget } from './mixcloud.global.types';
-	import type { Dispatcher } from './types';
+	import type { PlayerDispatcher } from './types';
 	import type { MixcloudConfig } from './mixcloud.types';
 
 	import { onMount, createEventDispatcher } from 'svelte';
@@ -14,7 +14,7 @@
 	const SDK_URL = 'https://widget.mixcloud.com/media/js/widgetApi.js';
 	const SDK_GLOBAL: GlobalSDKMixcloudKey = 'Mixcloud';
 
-	const dispatch = createEventDispatcher<Dispatcher>();
+	const dispatch = createEventDispatcher<PlayerDispatcher>();
 
 	let iframeContainer: HTMLIFrameElement;
 	let player: MixcloudWidget;
@@ -104,20 +104,29 @@
 		return player;
 	}
 
-	export function setPlayer(newPlayer: MixcloudWidget) {
+	export function _setPlayer(newPlayer: MixcloudWidget) {
 		player = newPlayer;
 	}
 
+	export function _setDuration(newDuration: number) {
+		duration = newDuration;
+	}
+
+	export function _setCurrentTime(newCurrentTime: number) {
+		currentTime = newCurrentTime;
+	}
+
 	$: id = url.match(MATCH_URL_MIXCLOUD)?.[1];
+	$: ({ options } = config);
 	$: query = queryString({
-		...config.options,
+		...options,
 		feed: `/${id}/`
 	});
 </script>
 
 <iframe
 	bind:this={iframeContainer}
-	title="Mix Cloud Player"
+	title="Mixcloud Player"
 	class="mixcloud-player"
 	src={`https://www.mixcloud.com/widget/iframe/?${query}`}
 	frameborder={0}
diff --git a/src/lib/players/NotImplemented.svelte b/src/lib/players/NotImplemented.svelte
index a761fd4..529158f 100644
--- a/src/lib/players/NotImplemented.svelte
+++ b/src/lib/players/NotImplemented.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
 	import type { NotImplementedPlayer } from './notimplemented.global.types';
-	import type { FilePlayerUrl, Dispatcher } from './types';
+	import type { PlayerUrl, PlayerDispatcher } from './types';
 	import type { NotImplementedConfig } from './notimplemented.types';
 
 	import { onMount, createEventDispatcher } from 'svelte';
 
-	export const url: FilePlayerUrl | undefined = undefined;
+	export const url: PlayerUrl | undefined = undefined;
 	export const playing: boolean | undefined = undefined;
 	export const loop: boolean | undefined = undefined;
 	export const controls: boolean | undefined = undefined;
@@ -16,7 +16,7 @@
 	export const playsinline: boolean | undefined = undefined;
 	export const config: NotImplementedConfig | undefined = undefined;
 
-	const dispatch = createEventDispatcher<Dispatcher>();
+	const dispatch = createEventDispatcher<PlayerDispatcher>();
 
 	let player: NotImplementedPlayer;
 
@@ -24,7 +24,7 @@
 		dispatch('mount');
 	});
 
-	export function load(url: FilePlayerUrl, isReady?: boolean): void {
+	export function load(url: PlayerUrl, isReady?: boolean): void {
 		console.log('load');
 	}
 
@@ -96,7 +96,7 @@
 		return player;
 	}
 
-	export function setPlayer(newPlayer: NotImplementedPlayer) {
+	export function _setPlayer(newPlayer: NotImplementedPlayer) {
 		player = newPlayer;
 	}
 </script>
diff --git a/src/lib/players/SoundCloud.svelte b/src/lib/players/SoundCloud.svelte
index e75a07b..86c8d3c 100644
--- a/src/lib/players/SoundCloud.svelte
+++ b/src/lib/players/SoundCloud.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import type { GlobalSDKSoundCloudKey } from './global.types';
 	import type { SoundCloudPlayer } from './soundcloud.global.types';
-	import type { Dispatcher } from './types';
+	import type { PlayerDispatcher } from './types';
 	import type { SoundCloudConfig } from './soundcloud.types';
 
 	import { onMount, createEventDispatcher } from 'svelte';
@@ -15,7 +15,7 @@
 	const SDK_URL = 'https://w.soundcloud.com/player/api.js';
 	const SDK_GLOBAL: GlobalSDKSoundCloudKey = 'SC';
 
-	const dispatch = createEventDispatcher<Dispatcher>();
+	const dispatch = createEventDispatcher<PlayerDispatcher>();
 
 	let iframeContainer: HTMLIFrameElement;
 	let player: SoundCloudPlayer;
@@ -117,14 +117,26 @@
 		return player;
 	}
 
-	export function setPlayer(newPlayer: SoundCloudPlayer) {
+	export function _setPlayer(newPlayer: SoundCloudPlayer) {
 		player = newPlayer;
 	}
+
+	export function _setDuration(newDuration: number) {
+		duration = newDuration;
+	}
+
+	export function _setCurrentTime(newCurrentTime: number) {
+		currentTime = newCurrentTime;
+	}
+
+	export function _setFractionLoaded(newFractionLoaded: number) {
+		fractionLoaded = newFractionLoaded;
+	}
 </script>
 
 <iframe
 	bind:this={iframeContainer}
-	title="Sound Cloud Player"
+	title="SoundCloud Player"
 	class="soundcloud-player"
 	src={`https://w.soundcloud.com/player/?url=${encodeURIComponent(url)}`}
 	frameborder={0}
diff --git a/src/lib/players/Streamable.svelte b/src/lib/players/Streamable.svelte
index 289cf20..c3ef83f 100644
--- a/src/lib/players/Streamable.svelte
+++ b/src/lib/players/Streamable.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import type { GlobalSDKPlayerJSKey } from './global.types';
 	import type { PlayerJSPlayer } from './playerjs.global.types';
-	import type { Dispatcher } from './types';
+	import type { PlayerDispatcher } from './types';
 
 	import { onMount, createEventDispatcher } from 'svelte';
 	import { getSDK } from './utils';
@@ -14,7 +14,7 @@
 	const SDK_URL = 'https://cdn.embed.ly/player-0.1.0.min.js';
 	const SDK_GLOBAL: GlobalSDKPlayerJSKey = 'playerjs';
 
-	const dispatch = createEventDispatcher<Dispatcher>();
+	const dispatch = createEventDispatcher<PlayerDispatcher>();
 
 	let iframeContainer: HTMLIFrameElement;
 	let player: PlayerJSPlayer;
@@ -126,10 +126,22 @@
 		return player;
 	}
 
-	export function setPlayer(newPlayer: PlayerJSPlayer) {
+	export function _setPlayer(newPlayer: PlayerJSPlayer) {
 		player = newPlayer;
 	}
 
+	export function _setDuration(newDuration: number) {
+		duration = newDuration;
+	}
+
+	export function _setCurrentTime(newCurrentTime: number) {
+		currentTime = newCurrentTime;
+	}
+
+	export function _setSecondsLoaded(newSecondsLoaded: number) {
+		secondsLoaded = newSecondsLoaded;
+	}
+
 	$: id = url.match(MATCH_URL_STREAMABLE)?.[1];
 </script>
 
diff --git a/src/lib/players/Twitch.svelte b/src/lib/players/Twitch.svelte
index 88f4dc3..3d87248 100644
--- a/src/lib/players/Twitch.svelte
+++ b/src/lib/players/Twitch.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import type { GlobalSDKTwitchKey } from './global.types';
-	import type { TwitchPlayer, TwitchPlayerLinkOption } from './twitch.global.types';
-	import type { Dispatcher } from './types';
+	import type { TwitchPlayer } from './twitch.global.types';
+	import type { PlayerDispatcher } from './types';
 	import type { TwitchConfig } from './twitch.types';
 
 	import { onMount, createEventDispatcher } from 'svelte';
@@ -18,11 +18,12 @@
 	const SDK_GLOBAL: GlobalSDKTwitchKey = 'Twitch';
 	const PLAYER_ID_PREFIX = 'twitch-player-';
 
-	const dispatch = createEventDispatcher<Dispatcher>();
+	const dispatch = createEventDispatcher<PlayerDispatcher>();
 
 	let player: TwitchPlayer;
 
-	$: playerID = config.playerId || `${PLAYER_ID_PREFIX}${randomString()}`;
+	$: ({ playerId } = config);
+	$: playerID = playerId || `${PLAYER_ID_PREFIX}${randomString()}`;
 
 	onMount(function () {
 		dispatch('mount');
@@ -144,7 +145,7 @@
 		return player;
 	}
 
-	export function setPlayer(newPlayer: TwitchPlayer) {
+	export function _setPlayer(newPlayer: TwitchPlayer) {
 		player = newPlayer;
 	}
 </script>
diff --git a/src/lib/players/Vidyard.svelte b/src/lib/players/Vidyard.svelte
index f40f8d4..9ed47c1 100644
--- a/src/lib/players/Vidyard.svelte
+++ b/src/lib/players/Vidyard.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import type { GlobalSDKVidyardKey } from './global.types';
 	import type { VidyardSDKReady, VidyardPlayer } from './vidyard.global.types';
-	import type { Dispatcher } from './types';
+	import type { PlayerDispatcher } from './types';
 	import type { VidyardConfig } from './vidyard.types';
 
 	import { onMount, createEventDispatcher } from 'svelte';
@@ -17,7 +17,7 @@
 	const SDK_GLOBAL: GlobalSDKVidyardKey = 'VidyardV4';
 	const SDK_GLOBAL_READY: VidyardSDKReady = 'onVidyardAPI';
 
-	const dispatch = createEventDispatcher<Dispatcher>();
+	const dispatch = createEventDispatcher<PlayerDispatcher>();
 
 	let container: HTMLDivElement;
 	let player: VidyardPlayer;
@@ -126,7 +126,7 @@
 		return player;
 	}
 
-	export function setPlayer(newPlayer: VidyardPlayer) {
+	export function _setPlayer(newPlayer: VidyardPlayer) {
 		player = newPlayer;
 	}
 </script>
diff --git a/src/lib/players/Vimeo.svelte b/src/lib/players/Vimeo.svelte
index 2efefa3..a179433 100644
--- a/src/lib/players/Vimeo.svelte
+++ b/src/lib/players/Vimeo.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import type { GlobalSDKVimeoKey } from './global.types';
 	import type { VimeoPlayer } from './vimeo.global.types';
-	import type { Dispatcher } from './types';
+	import type { PlayerDispatcher } from './types';
 	import type { ViemoConfig } from './vimeo.types';
 
 	import { onMount, createEventDispatcher } from 'svelte';
@@ -22,7 +22,7 @@
 		return url.replace('/manage/videos', '');
 	}
 
-	const dispatch = createEventDispatcher<Dispatcher>();
+	const dispatch = createEventDispatcher<PlayerDispatcher>();
 
 	let container: HTMLDivElement;
 	let player: VimeoPlayer;
@@ -176,7 +176,7 @@
 		return player;
 	}
 
-	export function setPlayer(newPlayer: VimeoPlayer) {
+	export function _setPlayer(newPlayer: VimeoPlayer) {
 		player = newPlayer;
 	}
 </script>
diff --git a/src/lib/players/Wistia.svelte b/src/lib/players/Wistia.svelte
index 60cb324..961a68c 100644
--- a/src/lib/players/Wistia.svelte
+++ b/src/lib/players/Wistia.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import type { GlobalSDKWistiaKey } from './global.types';
 	import type { WistiaPlayer } from './wistia.global.types';
-	import type { Dispatcher } from './types';
+	import type { PlayerDispatcher } from './types';
 	import type { WistiaConfig } from './wistia.types';
 
 	import { onMount, createEventDispatcher } from 'svelte';
@@ -18,11 +18,12 @@
 	const SDK_GLOBAL: GlobalSDKWistiaKey = 'Wistia';
 	const PLAYER_ID_PREFIX = 'wistia-player-';
 
-	const dispatch = createEventDispatcher<Dispatcher>();
+	const dispatch = createEventDispatcher<PlayerDispatcher>();
 
 	let player: WistiaPlayer;
 
-	$: playerID = config.playerId || `${PLAYER_ID_PREFIX}${randomString()}`;
+	$: ({ playerId } = config);
+	$: playerID = playerId || `${PLAYER_ID_PREFIX}${randomString()}`;
 
 	onMount(function () {
 		dispatch('mount');
@@ -145,7 +146,7 @@
 		return player;
 	}
 
-	export function setPlayer(newPlayer: WistiaPlayer) {
+	export function _setPlayer(newPlayer: WistiaPlayer) {
 		player = newPlayer;
 	}
 
diff --git a/src/lib/players/YouTube.svelte b/src/lib/players/YouTube.svelte
index 454e882..b4d7959 100644
--- a/src/lib/players/YouTube.svelte
+++ b/src/lib/players/YouTube.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
 	import type { GlobalSDKYTKey } from './global.types';
 	import type { YTPlayer, YTPlayerOnStateChangeEvent, YTSDKReady } from './youtube.global.types';
-	import type { Dispatcher } from './types';
-	import type { ParsePlaylistFn, YouTubeConfig } from './youtube.types';
+	import type { PlayerDispatcher } from './types';
+	import type { ParsePlaylistFn, YouTubeConfig, YouTubeUrl } from './youtube.types';
 
 	import { createEventDispatcher, onMount } from 'svelte';
 	import { MATCH_URL_YOUTUBE } from './patterns';
@@ -15,17 +15,13 @@
 	export let config: YouTubeConfig;
 	export let display: string | undefined = undefined;
 
-	const playerVars = config?.playerVars;
-	const embedOptions = config?.embedOptions;
-	const onUnstarted = config?.onUnstarted;
-
 	const SDK_URL = 'https://www.youtube.com/iframe_api';
 	const SDK_GLOBAL: GlobalSDKYTKey = 'YT';
 	const SDK_GLOBAL_READY: YTSDKReady = 'onYouTubeIframeAPIReady';
 	const MATCH_PLAYLIST = /[?&](?:list|channel)=([a-zA-Z0-9_-]+)/;
 	const MATCH_USER_UPLOADS = /user\/([a-zA-Z0-9_-]+)\/?/;
 
-	const dispatch = createEventDispatcher<Dispatcher>();
+	const dispatch = createEventDispatcher<PlayerDispatcher>();
 
 	let container: HTMLDivElement;
 	let player: YTPlayer;
@@ -34,14 +30,15 @@
 		dispatch('mount');
 	});
 
-	function getID(url: string | string[]) {
+	function getID(url: YouTubeUrl) {
 		if (!url || url instanceof Array || MATCH_PLAYLIST.test(url)) {
 			return null;
 		}
 		return url.match(MATCH_URL_YOUTUBE)?.[1] ?? null;
 	}
 
-	export function load(url: string | string[], isReady?: boolean) {
+	export function load(url: YouTubeUrl, isReady?: boolean) {
+		const { playerVars, embedOptions } = config;
 		const id = String(getID(url));
 		if (isReady) {
 			if (url instanceof Array || MATCH_PLAYLIST.test(url) || MATCH_USER_UPLOADS.test(url)) {
@@ -51,8 +48,8 @@
 			}
 			player.cueVideoById({
 				videoId: id,
-				startSeconds: parseStartTime(url) || playerVars?.start,
-				endSeconds: parseEndTime(url) || playerVars?.end
+				startSeconds: parseStartTime(url) || playerVars.start,
+				endSeconds: parseEndTime(url) || playerVars.end
 			});
 			return;
 		}
@@ -113,7 +110,7 @@
 		}
 	}
 
-	function parsePlaylist(url: string | string[]): ReturnType<ParsePlaylistFn> {
+	function parsePlaylist(url: YouTubeUrl): ReturnType<ParsePlaylistFn> {
 		if (url instanceof Array) {
 			return {
 				listType: 'playlist',
@@ -139,9 +136,10 @@
 
 	export function onStateChange(event: YTPlayerOnStateChangeEvent) {
 		const { data } = event;
+		const { playerVars, onUnstarted } = config;
 		const { UNSTARTED, PLAYING, PAUSED, BUFFERING, ENDED, CUED } = window[SDK_GLOBAL].PlayerState;
 		if (data === UNSTARTED) {
-			onUnstarted?.();
+			onUnstarted();
 		}
 		if (data === PLAYING) {
 			dispatch('play');
@@ -157,7 +155,7 @@
 			const isPlaylist = !!player.getPlaylist();
 			// Only loop manually if not playing a playlist
 			if (loop && !isPlaylist) {
-				if (playerVars?.start) {
+				if (playerVars.start) {
 					seekTo(playerVars.start);
 				} else {
 					play();
@@ -227,7 +225,7 @@
 		return player;
 	}
 
-	export function setPlayer(newPlayer: YTPlayer) {
+	export function _setPlayer(newPlayer: YTPlayer) {
 		player = newPlayer;
 	}
 </script>
diff --git a/src/lib/players/file.types.ts b/src/lib/players/file.types.ts
index 3bd984b..47f8cc4 100644
--- a/src/lib/players/file.types.ts
+++ b/src/lib/players/file.types.ts
@@ -3,11 +3,23 @@ import type {
 	HTMLAudioAttributes,
 	HTMLTrackAttributes
 } from 'svelte/elements';
-import type { FilePlayerUrl } from './types';
 
-import type { HlsConfig } from './hls.types';
+import type { GlobalSDKFLV, GlobalSDKHLS } from './global.types';
+import type { HlsConfig, HLSClass, ErrorData } from './hls.types';
+import type { DashJSMediaPlayerClass } from './dash.types';
+import type { FlvJSPlayer } from './flv.types';
 
-export type FileConfigAttributes = Omit<HTMLVideoAttributes | HTMLAudioAttributes, `on:${string}`>;
+export type { DashJSMediaPlayerClass } from './dash.types';
+export type { FlvJSPlayer } from './flv.types';
+export type { HLSClass } from './hls.types';
+
+export type FileMedia = { src: string; type: string };
+
+export type FileUrl = string | string[] | FileMedia[] | MediaStream;
+
+export type FileConfigAttributes =
+	| Omit<HTMLVideoAttributes, `on:${string}`>
+	| Omit<HTMLAudioAttributes, `on:${string}`>;
 
 export type FileConfig = {
 	attributes: Partial<FileConfigAttributes>;
@@ -25,9 +37,29 @@ export type FileConfig = {
 	forceSafariHLS?: boolean;
 };
 
-export type ShouldUseAudioParams = {
-	url: FilePlayerUrl;
-	config: FileConfig;
+export type FilePlayerElement = HTMLAudioElement | HTMLVideoElement;
+
+export type FilePlayer = FilePlayerElement;
+
+export type FileInternalPlayer = {
+	hls: HLSClass;
+	dash: DashJSMediaPlayerClass;
+	flv: FlvJSPlayer;
+	player: FilePlayer;
 };
 
-export type PlayerElement = HTMLAudioElement | HTMLVideoElement;
+export type FileInternalPlayerKey = keyof FileInternalPlayer;
+
+export type FileErrorData = ErrorData;
+
+export type FileErrorSDKInstance = HLSClass | FlvJSPlayer;
+
+export type FileErrorSDKGlobal = GlobalSDKFLV | GlobalSDKHLS;
+
+export type AddListenersFn = (playerParams: FilePlayerElement) => void;
+
+export type RemoveListenersFn = (playerParams: FilePlayerElement, urlParams?: FileUrl) => void;
+
+export type PlayerElementRef = {
+	getPlayer(): FilePlayerElement;
+};
diff --git a/src/lib/players/global.types.ts b/src/lib/players/global.types.ts
index a2b99a2..8c6bcce 100644
--- a/src/lib/players/global.types.ts
+++ b/src/lib/players/global.types.ts
@@ -8,62 +8,111 @@ import type { Vimeo } from './vimeo.global.types';
 import type { PlayerJS } from './playerjs.global.types';
 import type { Wistia } from './wistia.global.types';
 import type { Vidyard, VidyardSDKReady } from './vidyard.global.types';
-import type { HlsJS, Hls } from './hls.types';
+import type { HlsJS } from './hls.types';
 import type { DashJS } from './dash.types';
 import type { FlvJS } from './flv.types';
 
-export type GlobalSDK = {
-	YT: YT;
-	SC: SoundCloud;
-	Vimeo: Vimeo;
-	FB: Facebook;
-	playerjs: PlayerJS;
-	Wistia: Wistia;
-	Twitch: Twitch;
-	DM: DailyMotion;
-	Mixcloud: MixcloudPlayer;
-	VidyardV4: Vidyard;
-	Hls: HlsJS;
-	dashjs: DashJS;
-	flvjs: FlvJS;
+export type GlobalSDKYTKey = 'YT';
+export type GlobalSDKYT = YT;
+type GlobalSDKYTObject = {
+	[k in GlobalSDKYTKey]: GlobalSDKYT;
 };
 
-export type GlobalSDKType = keyof GlobalSDK;
+export type GlobalSDKSoundCloudKey = 'SC';
+export type GlobalSDKSoundCloud = SoundCloud;
+type GlobalSDKSoundCloudObject = {
+	[k in GlobalSDKSoundCloudKey]: GlobalSDKSoundCloud;
+};
+
+export type GlobalSDKVimeoKey = 'Vimeo';
+export type GlobalSDKVimeo = Vimeo;
+type GlobalSDKVimeoObject = {
+	[k in GlobalSDKVimeoKey]: GlobalSDKVimeo;
+};
 
-export type GlobalSDKYTKey = Extract<GlobalSDKType, 'YT'>;
-export type GlobalSDKSoundCloudKey = Extract<GlobalSDKType, 'SC'>;
-export type GlobalSDKVimeoKey = Extract<GlobalSDKType, 'Vimeo'>;
-export type GlobalSDKFacebookKey = Extract<GlobalSDKType, 'FB'>;
-export type GlobalSDKPlayerJSKey = Extract<GlobalSDKType, 'playerjs'>;
-export type GlobalSDKWistiaKey = Extract<GlobalSDKType, 'Wistia'>;
-export type GlobalSDKTwitchKey = Extract<GlobalSDKType, 'Twitch'>;
-export type GlobalSDKDailyMotionKey = Extract<GlobalSDKType, 'DM'>;
-export type GlobalSDKMixcloudKey = Extract<GlobalSDKType, 'Mixcloud'>;
-export type GlobalSDKVidyardKey = Extract<GlobalSDKType, 'VidyardV4'>;
-export type GlobalSDKHLSKey = Extract<GlobalSDKType, 'Hls'>;
-export type GlobalSDKDASHKey = Extract<GlobalSDKType, 'dashjs'>;
-export type GlobalSDKFLVKey = Extract<GlobalSDKType, 'flvjs'>;
+export type GlobalSDKFacebookKey = 'FB';
+export type GlobalSDKFacebook = Facebook;
+type GlobalSDKFacebookObject = {
+	[k in GlobalSDKFacebookKey]: GlobalSDKFacebook;
+};
+
+export type GlobalSDKPlayerJSKey = 'playerjs';
+export type GlobalSDKPlayerJS = PlayerJS;
+type GlobalSDKPlayerJSObject = {
+	[k in GlobalSDKPlayerJSKey]: GlobalSDKPlayerJS;
+};
+
+export type GlobalSDKWistiaKey = 'Wistia';
+export type GlobalSDKWistia = Wistia;
+type GlobalSDKWistiaObject = {
+	[k in GlobalSDKWistiaKey]: GlobalSDKWistia;
+};
+
+export type GlobalSDKTwitchKey = 'Twitch';
+export type GlobalSDKTwitch = Twitch;
+type GlobalSDKTwitchObject = {
+	[k in GlobalSDKTwitchKey]: GlobalSDKTwitch;
+};
+
+export type GlobalSDKDailyMotionKey = 'DM';
+export type GlobalSDKDailyMotion = DailyMotion;
+type GlobalSDKDailyMotionObject = {
+	[k in GlobalSDKDailyMotionKey]: GlobalSDKDailyMotion;
+};
 
+export type GlobalSDKMixcloudKey = 'Mixcloud';
+export type GlobalSDKMixcloud = MixcloudPlayer;
+type GlobalSDKMixcloudObject = {
+	[k in GlobalSDKMixcloudKey]: GlobalSDKMixcloud;
+};
+
+export type GlobalSDKVidyardKey = 'VidyardV4';
+export type GlobalSDKVidyard = Vidyard;
+type GlobalSDKVidyardObject = {
+	[k in GlobalSDKVidyardKey]: GlobalSDKVidyard;
+};
+
+export type GlobalSDKHLSKey = 'Hls';
+export type GlobalSDKHLS = HlsJS;
+type GlobalSDKHLSObject = {
+	[k in GlobalSDKHLSKey]: GlobalSDKHLS;
+};
+
+export type GlobalSDKDASHKey = 'dashjs';
+export type GlobalSDKDASH = DashJS;
+type GlobalSDKDASHObject = {
+	[k in GlobalSDKDASHKey]: GlobalSDKDASH;
+};
+
+export type GlobalSDKFLVKey = 'flvjs';
+export type GlobalSDKFLV = FlvJS;
+type GlobalSDKFLVObject = {
+	[k in GlobalSDKFLVKey]: GlobalSDKFLV;
+};
+
+export type GlobalSDK = GlobalSDKYTObject &
+	GlobalSDKSoundCloudObject &
+	GlobalSDKVimeoObject &
+	GlobalSDKFacebookObject &
+	GlobalSDKPlayerJSObject &
+	GlobalSDKWistiaObject &
+	GlobalSDKTwitchObject &
+	GlobalSDKDailyMotionObject &
+	GlobalSDKMixcloudObject &
+	GlobalSDKVidyardObject &
+	GlobalSDKHLSObject &
+	GlobalSDKDASHObject &
+	GlobalSDKFLVObject;
+
+export type GlobalSDKType = keyof GlobalSDK;
 export type GlobalSDKValue = GlobalSDK[GlobalSDKType];
 
-export type GlobalSDKYT = Extract<GlobalSDKValue, YT>;
-export type GlobalSDKSoundCloud = Extract<GlobalSDKValue, SoundCloud>;
-export type GlobalSDKVimeo = Extract<GlobalSDKValue, Vimeo>;
-export type GlobalSDKFacebook = Extract<GlobalSDKValue, Facebook>;
-export type GlobalSDKPlayerJS = Extract<GlobalSDKValue, PlayerJS>;
-export type GlobalSDKWistia = Extract<GlobalSDKValue, Wistia>;
-export type GlobalSDKTwitch = Extract<GlobalSDKValue, Twitch>;
-export type GlobalSDKDailyMotion = Extract<GlobalSDKValue, DailyMotion>;
-export type GlobalSDKMixcloud = Extract<GlobalSDKValue, MixcloudPlayer>;
-export type GlobalSDKVidyard = Extract<GlobalSDKValue, Vidyard>;
-export type GlobalSDKHLSClass = Hls;
-export type GlobalSDKHLS = Extract<GlobalSDKValue, HlsJS>;
-export type GlobalSDKDASH = Extract<GlobalSDKValue, DashJS>;
-export type GlobalSDKFLV = Extract<GlobalSDKValue, FlvJS>;
-
-export type GlobalSDKReady = YTSDKReady | DailyMotionSDKReady | FacebookSDKReady | VidyardSDKReady;
-
-export type GlobalSDKYTReady = Extract<GlobalSDKReady, YTSDKReady>;
-export type GlobalSDKDailyMotionReady = Extract<GlobalSDKReady, DailyMotionSDKReady>;
-export type GlobalSDKFacebookReady = Extract<GlobalSDKReady, FacebookSDKReady>;
-export type GlobalSDKVidyardReady = Extract<GlobalSDKReady, VidyardSDKReady>;
+export type GlobalSDKYTReady = YTSDKReady;
+export type GlobalSDKDailyMotionReady = DailyMotionSDKReady;
+export type GlobalSDKFacebookReady = FacebookSDKReady;
+export type GlobalSDKVidyardReady = VidyardSDKReady;
+export type GlobalSDKReady =
+	| GlobalSDKYTReady
+	| GlobalSDKDailyMotionReady
+	| GlobalSDKFacebookReady
+	| GlobalSDKVidyardReady;
diff --git a/src/lib/players/hls.types.ts b/src/lib/players/hls.types.ts
index 2d8f107..32c352b 100644
--- a/src/lib/players/hls.types.ts
+++ b/src/lib/players/hls.types.ts
@@ -1,6 +1,8 @@
 import type Hls from 'hls.js';
-export type { default as Hls, HlsConfig } from 'hls.js';
+export type { HlsConfig, ErrorData } from 'hls.js';
 
-type TypeOfHls = typeof Hls;
+export type HlsJS = typeof Hls;
 
-export type HlsJS = TypeOfHls;
+export type HLSClass = Hls;
+
+export type HlsInternalPlayerKey = 'hls';
diff --git a/src/lib/players/index.ts b/src/lib/players/index.ts
index 91fb4d5..d946c08 100644
--- a/src/lib/players/index.ts
+++ b/src/lib/players/index.ts
@@ -1,4 +1,4 @@
-import type { FilePlayerUrl, Player } from './types';
+import type { PlayerUrl, Player } from './types';
 import {
 	canPlayYoutube,
 	canPlayFile,
@@ -132,7 +132,7 @@ const players: Player[] = [
 		canPlay: canPlayFile,
 		loopOnEnded: undefined,
 		forceLoad: undefined,
-		canEnablePIP(url: FilePlayerUrl) {
+		canEnablePIP(url: PlayerUrl) {
 			return (
 				canPlayFile(url) &&
 				(document.pictureInPictureEnabled || supportsWebKitPresentationMode()) &&
diff --git a/src/lib/players/mixcloud.global.types.ts b/src/lib/players/mixcloud.global.types.ts
index 27a4d52..d01d131 100644
--- a/src/lib/players/mixcloud.global.types.ts
+++ b/src/lib/players/mixcloud.global.types.ts
@@ -27,14 +27,14 @@ export type MixcloudWidgetProgressEVENTCallback = (seconds: number, duration: nu
 export type MixcloudWidgetErrorßEVENTCallback = (error: unknown) => void;
 
 export type MixcloudWidgetProgressEVENT = {
-	[l in Extract<MixcloudPlayerEVENT, MixcloudPROGRESSEvent>]: {
+	[l in MixcloudPROGRESSEvent]: {
 		on(callback: MixcloudWidgetProgressEVENTCallback): void;
 		off(callback: MixcloudWidgetEVENTCallback): void;
 	};
 };
 
 export type MixcloudWidgetErrorEVENT = {
-	[l in Extract<MixcloudPlayerEVENT, MixcloudERROREvent>]: {
+	[l in MixcloudERROREvent]: {
 		on(callback: MixcloudWidgetErrorßEVENTCallback): void;
 		off(callback: MixcloudWidgetEVENTCallback): void;
 	};
diff --git a/src/lib/players/notimplemented.global.types.ts b/src/lib/players/notimplemented.global.types.ts
index 40f6be0..a6c0b54 100644
--- a/src/lib/players/notimplemented.global.types.ts
+++ b/src/lib/players/notimplemented.global.types.ts
@@ -1 +1 @@
-export type NotImplementedPlayer = Record<string, never>;
+export type NotImplementedPlayer = null;
diff --git a/src/lib/players/patterns.ts b/src/lib/players/patterns.ts
index b1e6a7d..09b3316 100644
--- a/src/lib/players/patterns.ts
+++ b/src/lib/players/patterns.ts
@@ -1,4 +1,5 @@
-import type { FilePlayerUrl } from './types';
+import type { YouTubeUrl } from './youtube.types';
+import type { PlayerUrl } from './types';
 
 import { isMediaStream, isBlobUrl } from './utils';
 
@@ -30,9 +31,11 @@ export const HLS_EXTENSIONS = /\.(m3u8)($|\?)/i;
 export const DASH_EXTENSIONS = /\.(mpd)($|\?)/i;
 export const FLV_EXTENSIONS = /\.(flv)($|\?)/i;
 
-export function canPlayYoutube(url: string | string[]) {
+export function canPlayYoutube(url: YouTubeUrl) {
 	if (url instanceof Array) {
-		return url.every((item) => MATCH_URL_YOUTUBE.test(item));
+		return url.every(function (item) {
+			return MATCH_URL_YOUTUBE.test(item);
+		});
 	}
 	return MATCH_URL_YOUTUBE.test(url);
 }
@@ -77,7 +80,7 @@ export function canPlayKaltura(url: string) {
 	return MATCH_URL_KALTURA.test(url);
 }
 
-export function canPlayFile(url: FilePlayerUrl) {
+export function canPlayFile(url: PlayerUrl) {
 	if (url instanceof Array) {
 		for (const item of url) {
 			if (typeof item === 'string' && canPlayFile(item)) {
diff --git a/src/lib/players/soundcloud.global.types.ts b/src/lib/players/soundcloud.global.types.ts
index c093c72..3666a0e 100644
--- a/src/lib/players/soundcloud.global.types.ts
+++ b/src/lib/players/soundcloud.global.types.ts
@@ -65,16 +65,12 @@ export type SoundCloudPlayerBindCallbackParams = {
 
 export type SoundCloudPlayerBindCallbackFn = (params: SoundCloudPlayerBindCallbackParams) => void;
 
-// TODO: Fix the any / unknown types
 export type SoundCloudPlayer = {
 	bind(
 		event: Exclude<SoundCloudPlayerEVENT, SoundCloudUIERROREvent>,
 		listener: SoundCloudPlayerBindCallbackFn
 	): void;
-	bind(
-		event: Extract<SoundCloudPlayerEVENT, SoundCloudUIERROREvent>,
-		listener: (e: unknown) => void
-	): void;
+	bind(event: SoundCloudUIERROREvent, listener: (e: unknown) => void): void; // TODO: Fix the unknown types
 	unbind(event: SoundCloudPlayerEVENT): void;
 	load(url: string, options?: Partial<SoundCloudPlayerLoadOptions>): void;
 	play(): void;
diff --git a/src/lib/players/twitch.global.types.ts b/src/lib/players/twitch.global.types.ts
index d3274d8..7b6717d 100644
--- a/src/lib/players/twitch.global.types.ts
+++ b/src/lib/players/twitch.global.types.ts
@@ -110,10 +110,7 @@ export interface TwitchPlayer {
 		event: Exclude<TwitchPlayerEVENT, TwitchPlayerSEEKEvent>,
 		callback: TwitchPlayerEVENTCallback
 	): void;
-	addEventListener(
-		event: Extract<TwitchPlayerEVENT, TwitchPlayerSEEKEvent>,
-		callback: TwitchPlayerSEEKEVENTCallback
-	): void;
+	addEventListener(event: TwitchPlayerSEEKEvent, callback: TwitchPlayerSEEKEVENTCallback): void;
 }
 
 export interface TwitchPlayerConstructor {
diff --git a/src/lib/players/types.ts b/src/lib/players/types.ts
index e49bcae..72afa99 100644
--- a/src/lib/players/types.ts
+++ b/src/lib/players/types.ts
@@ -12,7 +12,7 @@ import type { VimeoPlayer } from './vimeo.global.types';
 import type { PlayerJSPlayer } from './playerjs.global.types';
 import type { WistiaPlayer } from './wistia.global.types';
 import type { VidyardPlayer } from './vidyard.global.types';
-import type { YouTubeConfig } from './youtube.types';
+import type { YouTubeConfig, YouTubeUrl } from './youtube.types';
 import type { SoundCloudConfig } from './soundcloud.types';
 import type { ViemoConfig } from './vimeo.types';
 import type { FacebookConfig } from './facebook.types';
@@ -21,14 +21,21 @@ import type { TwitchConfig } from './twitch.types';
 import type { DailyMotionConfig } from './dailymotion.types';
 import type { MixcloudConfig } from './mixcloud.types';
 import type { VidyardConfig } from './vidyard.types';
-import type { FileConfig } from './file.types';
+import type {
+	FileConfig,
+	FileUrl,
+	FilePlayer,
+	FileErrorData,
+	FileErrorSDKInstance,
+	FileErrorSDKGlobal,
+	FileInternalPlayer
+} from './file.types';
 import type { NotImplementedConfig } from './notimplemented.types';
 
 export type PlayerInstance =
 	| YTPlayer
 	| TwitchPlayer
-	| HTMLAudioElement
-	| HTMLVideoElement
+	| FilePlayer
 	| NotImplementedPlayer
 	| SoundCloudPlayer
 	| DailyMotionPlayer
@@ -39,6 +46,12 @@ export type PlayerInstance =
 	| WistiaPlayer
 	| VidyardPlayer;
 
+export type PlayerInternalPlayer = Omit<FileInternalPlayer, 'player'> & {
+	player: FileInternalPlayer['player'] | PlayerInstance;
+};
+
+export type PlayerGetPlayerKey = keyof PlayerInternalPlayer;
+
 export type PlayerKey =
 	| 'youtube'
 	| 'soundcloud'
@@ -54,18 +67,7 @@ export type PlayerKey =
 	| 'file'
 	| 'not-implemented';
 
-export type Player = {
-	key: PlayerKey;
-	loopOnEnded?: boolean;
-	forceLoad?: boolean;
-	canPlay(url: FilePlayerUrl): boolean;
-	canEnablePIP?(url: FilePlayerUrl): boolean;
-	loadComponent(): Promise<{
-		default: Constructor<SvelteComponent<Partial<PlayerProps>> & PlayerMedia>;
-	}>;
-};
-
-export type GetPlayerReturn = PlayerInstance | null;
+export type PlayerUrl = string | YouTubeUrl | FileUrl;
 
 export type OnProgressProps = {
 	played: number;
@@ -74,15 +76,21 @@ export type OnProgressProps = {
 	loadedSeconds?: number;
 };
 
+export type ErrorData = FileErrorData;
+
+export type ErrorSDKInstance = FileErrorSDKInstance;
+
+export type ErrorSDKGlobal = FileErrorSDKGlobal;
+
 // TODO: to implement corrent type
 export type OnErrorProps = {
 	error: unknown;
-	data?: unknown;
-	sdkInstance?: unknown;
-	sdkGlobal?: unknown;
+	data?: ErrorData | unknown;
+	sdkInstance?: ErrorSDKInstance;
+	sdkGlobal?: ErrorSDKGlobal;
 };
 
-export type Dispatcher = {
+export type PlayerDispatcher = {
 	ready: undefined | Event;
 	mount: undefined;
 	start: undefined;
@@ -103,13 +111,7 @@ export type Dispatcher = {
 	loaded: undefined;
 };
 
-export type InternalPlayerKey = 'player' | 'hls' | 'dash';
-
-export type FileMediaUrl = { src: string; type: string };
-
-export type FilePlayerUrl = string | string[] | FileMediaUrl[] | MediaStream;
-
-export type Config = {
+export type PlayerConfig = {
 	youtube: YouTubeConfig;
 	soundcloud: SoundCloudConfig;
 	vimeo: ViemoConfig;
@@ -125,8 +127,12 @@ export type Config = {
 	'not-implemented': NotImplementedConfig;
 };
 
+export type PlayerConfigKey = keyof PlayerConfig;
+
+export type PlayerConfigObject = PlayerConfig[PlayerConfigKey];
+
 export type PlayerProps = {
-	url: FilePlayerUrl;
+	url: PlayerUrl;
 	playing: boolean;
 	loop: boolean;
 	controls: boolean;
@@ -141,13 +147,13 @@ export type PlayerProps = {
 	pip: boolean;
 	stopOnUnmount: boolean;
 	previewTabIndex: number;
-	config: RecursivePartial<Config[keyof Config]>;
+	config: RecursivePartial<PlayerConfigObject>;
 	oEmbedUrl: string;
 	display: string;
 };
 
-export type PlayerMedia = {
-	load(url: FilePlayerUrl, isReady?: boolean): void;
+export type PlayerRef = {
+	load(url: PlayerUrl, isReady?: boolean): void;
 	stop(): void;
 	play(): void;
 	pause(): void;
@@ -162,6 +168,19 @@ export type PlayerMedia = {
 	setLoop?(loop: boolean): void;
 	enablePIP?(): void;
 	disablePIP?(): void;
-	getPlayer?(): GetPlayerReturn;
-	setPlayer?(palyer: GetPlayerReturn): void;
+	getPlayer(key?: 'player'): PlayerInternalPlayer['player'] | null;
+	getPlayer<TKey extends PlayerGetPlayerKey>(key?: TKey): PlayerInternalPlayer[TKey] | null;
+};
+
+export type PlayerComponent = Constructor<SvelteComponent<Partial<PlayerProps>> & PlayerRef>;
+
+export type Player = {
+	key: PlayerKey;
+	loopOnEnded?: boolean;
+	forceLoad?: boolean;
+	canPlay(url: PlayerUrl): boolean;
+	canEnablePIP?(url: PlayerUrl): boolean;
+	loadComponent(): Promise<{
+		default: PlayerComponent;
+	}>;
 };
diff --git a/src/lib/players/utility.types.ts b/src/lib/players/utility.types.ts
index 8482e37..b611997 100644
--- a/src/lib/players/utility.types.ts
+++ b/src/lib/players/utility.types.ts
@@ -21,7 +21,7 @@ export type Prettify<T> = {
 // https://stackoverflow.com/a/70428144/12976234
 export type PickMatching<T, V> = { [K in keyof T as T[K] extends V ? K : never]: T[K] };
 /* eslint-disable-next-line @typescript-eslint/ban-types -- TODO: Comment this*/
-export type ExtractMethods<T> = PickMatching<T, Function>;
+export type ObjectMethods<T> = PickMatching<T, Function>;
 
 export type MethodParameters<T> = T extends (...args: infer P) => any ? P : never;
 
diff --git a/src/lib/players/utils.ts b/src/lib/players/utils.ts
index 82b9a50..48621ff 100644
--- a/src/lib/players/utils.ts
+++ b/src/lib/players/utils.ts
@@ -20,8 +20,7 @@ import type {
 	GlobalSDKVidyard
 } from './global.types';
 import type { WistiaWQ } from './wistia.global.types';
-import type { FilePlayerUrl, PlayerInstance } from './types';
-import type { ExtractMethods, MethodParameters, MethodReturnType } from './utility.types';
+import type { PlayerUrl } from './types';
 import loadScript from 'load-script';
 
 declare global {
@@ -54,7 +53,7 @@ const MATCH_NUMERIC = /^\d+$/;
 
 // Parse YouTube URL for a start time param, ie ?t=1h14m30s
 // and return the start time in seconds
-function parseTimeParam(url: FilePlayerUrl, pattern: RegExp) {
+function parseTimeParam(url: PlayerUrl, pattern: RegExp) {
 	if (typeof url !== 'string') {
 		return undefined;
 	}
@@ -84,11 +83,11 @@ function parseTimeString(stamp: string) {
 	return seconds;
 }
 
-export function parseStartTime(url: FilePlayerUrl) {
+export function parseStartTime(url: PlayerUrl) {
 	return parseTimeParam(url, MATCH_START_QUERY);
 }
 
-export function parseEndTime(url: FilePlayerUrl) {
+export function parseEndTime(url: PlayerUrl) {
 	return parseTimeParam(url, MATCH_END_QUERY);
 }
 
@@ -99,7 +98,9 @@ export function randomString() {
 
 export function queryString(object: Record<string, unknown>) {
 	return Object.keys(object)
-		.map((key) => `${key}=${object[key]}`)
+		.map(function (key) {
+			return `${key}=${object[key]}`;
+		})
 		.join('&');
 }
 
@@ -162,33 +163,33 @@ export function getSDK<T extends GlobalSDKType>(
 	});
 }
 
-export function callPlayer<TPlayer extends PlayerInstance>(player?: TPlayer) {
-	return function <
-		TObject extends ExtractMethods<Required<TPlayer>>,
-		TMethodKey extends keyof ExtractMethods<Required<TPlayer>>,
-		TMethod extends TObject[TMethodKey],
-		TParams extends MethodParameters<TMethod>,
-		TReturn extends MethodReturnType<TMethod>
-	>(method: TMethodKey, ...args: TParams) {
-		// Util method for calling a method on this.player
-		// but guard against errors and console.warn instead
-		if (!player || !player[method]) {
-			let message = `SveltePlayer: player could not call %c${String(method)}%c – `;
-			if (!player) {
-				message += 'The player was not available';
-			} else if (!player[method]) {
-				message += 'The method was not available';
-			}
-			console.warn(message, 'font-weight: bold', '');
-			return null;
-		}
-
-		type CurryFn = (...args: TParams) => TReturn;
-		return (player[method] as CurryFn)(...args);
-	};
-}
-
-export function isMediaStream(url: FilePlayerUrl): url is MediaStream {
+// export function callPlayer<TPlayer extends PlayerInstance>(player?: TPlayer) {
+// 	return function <
+// 		TObject extends ObjectMethods<Required<TPlayer>>,
+// 		TMethodKey extends keyof ObjectMethods<Required<TPlayer>>,
+// 		TMethod extends TObject[TMethodKey],
+// 		TParams extends MethodParameters<TMethod>,
+// 		TReturn extends MethodReturnType<TMethod>
+// 	>(method: TMethodKey, ...args: TParams) {
+// 		// Util method for calling a method on this.player
+// 		// but guard against errors and console.warn instead
+// 		if (!player || !player[method]) {
+// 			let message = `SveltePlayer: player could not call %c${String(method)}%c – `;
+// 			if (!player) {
+// 				message += 'The player was not available';
+// 			} else if (!player[method]) {
+// 				message += 'The method was not available';
+// 			}
+// 			console.warn(message, 'font-weight: bold', '');
+// 			return null;
+// 		}
+
+// 		type CurryFn = (...args: TParams) => TReturn;
+// 		return (player[method] as CurryFn)(...args);
+// 	};
+// }
+
+export function isMediaStream(url: PlayerUrl): url is MediaStream {
 	return (
 		typeof window !== 'undefined' &&
 		typeof window.MediaStream !== 'undefined' &&
@@ -224,6 +225,6 @@ export function supportsWebKitPresentationMode(
 	);
 }
 
-export const noop = () => {
+export function noop() {
 	// this comment to suppress warning from eslint
-};
+}
diff --git a/src/lib/players/wistia.global.types.ts b/src/lib/players/wistia.global.types.ts
index c8bc2a4..5823c1d 100644
--- a/src/lib/players/wistia.global.types.ts
+++ b/src/lib/players/wistia.global.types.ts
@@ -490,7 +490,7 @@ export type WistiaPlayerControlClassOptionalProperties = {
 };
 
 export type WistiaPlayerControlClassOptionalFunctions = {
-	shouldMount(video: WistiaPlayerControllVideo): boolean; // TODO: fix `any` type
+	shouldMount(video: WistiaPlayerControllVideo): boolean;
 };
 
 export type WistiaPlayerControlClassProperties = WistiaPlayerControlClassRequiredProperties &
diff --git a/src/lib/players/youtube.types.ts b/src/lib/players/youtube.types.ts
index 79adf4b..3168cbf 100644
--- a/src/lib/players/youtube.types.ts
+++ b/src/lib/players/youtube.types.ts
@@ -5,7 +5,9 @@ import type {
 	YTPlayerOptions
 } from './youtube.global.types';
 
-export type ParsePlaylistFn = (url: string | string[]) =>
+export type YouTubeUrl = string | string[];
+
+export type ParsePlaylistFn = (url: YouTubeUrl) =>
 	| {
 			listType: YTListPlaylistType;
 			list: string;
diff --git a/src/lib/props.ts b/src/lib/props.ts
index 1838895..7f21cbb 100644
--- a/src/lib/props.ts
+++ b/src/lib/props.ts
@@ -1,7 +1,7 @@
-import type { Config } from './players/types';
+import type { PlayerConfig } from './players/types';
 import { noop } from './players/utils';
 
-export const defaultConfig: Config = {
+export const defaultConfig: PlayerConfig = {
 	soundcloud: {
 		options: {
 			visual: true,
diff --git a/src/lib/types.ts b/src/lib/types.ts
index fff4090..081e6b8 100644
--- a/src/lib/types.ts
+++ b/src/lib/types.ts
@@ -1,39 +1,30 @@
-import type { SvelteComponent } from 'svelte';
 import type {
-	InternalPlayerKey,
-	Dispatcher,
-	FilePlayerUrl,
-	PlayerInstance,
-	PlayerMedia,
-	PlayerProps,
-	Config
+	PlayerDispatcher,
+	PlayerUrl,
+	PlayerInternalPlayer,
+	PlayerGetPlayerKey
 } from './players/types';
 
 export type SeekToType = 'seconds' | 'fraction';
 
-export type PlayerDispatcher = Dispatcher & {
-	ready: undefined;
-};
-
-export type PlayerRef = {
+export type PlayerMediaRef = {
 	getDuration(): number | null;
 	getCurrentTime(): number | null;
 	getSecondsLoaded(): number | null;
-	getInternalPlayer(key?: InternalPlayerKey): PlayerInstance | null;
+	getInternalPlayer(key?: 'player'): PlayerInternalPlayer['player'] | null;
+	getInternalPlayer<TKey extends PlayerGetPlayerKey>(key: TKey): PlayerInternalPlayer[TKey] | null;
 	seekTo(amount: number, type?: SeekToType, keepPlaying?: boolean): void;
 };
 
-export type SveltePlayerDispatcher = Omit<Dispatcher, 'ready'> & {
-	ready: PlayerRef;
-	onClickPreview: null;
+export type PreviewDispatcher = {
+	click?: Event;
 };
 
-export type SveltePlayerRef = PlayerRef & {
-	canEnablePIP(url: FilePlayerUrl): boolean;
+export type SveltePlayerRef = PlayerMediaRef & {
+	canEnablePIP(url: PlayerUrl): boolean;
 	showPreview(): void;
 };
 
-export type PlayerKey = keyof Config;
-export type PlayerConfig = Config[keyof Config];
-
-export type PlayerMediaRef = SvelteComponent<Partial<PlayerProps>> & PlayerMedia;
+export type SveltePlayerDispatcher = PlayerDispatcher & {
+	clickPreview: Event;
+};
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 04462fb..48b73ff 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -22,7 +22,7 @@
 	let urlInput = '';
 	let seeking = false;
 
-	let playerRef: SveltePlayerRef | undefined = undefined;
+	let playerRef: SveltePlayerRef;
 	let prevUrl: PlayerUrl = '';
 
 	function load(requestUrl: PlayerUrl) {
@@ -44,7 +44,7 @@
 	}
 
 	function onPrevURLStateChange(prevUrlState: typeof prevUrl) {
-		setTimeout(() => {
+		setTimeout(function () {
 			if (prevUrlState !== '') {
 				load(prevUrlState);
 			}
@@ -58,12 +58,12 @@
 	}
 
 	function handlePlay() {
-		console.log('onPlay');
+		// console.log('onPlay');
 		playing = true;
 	}
 
 	function handlePause() {
-		console.log('onPause');
+		// console.log('onPause');
 		playing = false;
 	}
 
@@ -80,7 +80,7 @@
 
 	function handleProgress(event: CustomEvent<OnProgressProps>) {
 		const state = event.detail;
-		console.log('onProgress', state);
+		// console.log('onProgress', state);
 		// We only want to update time slider if we are not currently seeking
 		if (!seeking && state.loaded !== undefined && state.played !== undefined) {
 			loaded = state.loaded;
@@ -89,12 +89,12 @@
 	}
 
 	function handleEnded() {
-		console.log('onEnded');
+		// console.log('onEnded');
 		playing = loop;
 	}
 
 	function handleDuration(event: CustomEvent<number | null>) {
-		console.log('onDuration', event.detail);
+		// console.log('onDuration', event.detail);
 		duration = event.detail ?? 0;
 	}
 
@@ -117,29 +117,29 @@
 				{loop}
 				{pip}
 				bind:this={playerRef}
-				on:ready={() => {
-					console.log('onReady');
+				on:ready={function () {
+					// console.log('onReady');
 				}}
-				on:start={() => {
-					console.log('onStart');
+				on:start={function () {
+					// console.log('onStart');
 				}}
 				on:play={handlePlay}
 				on:pause={handlePause}
-				on:buffer={() => {
-					console.log('onBuffer');
+				on:buffer={function () {
+					// console.log('onBuffer');
 				}}
 				on:playbackRateChange={handleOnPlaybackRateChange}
 				on:seek={(e) => {
-					console.log('onSeek', e);
+					// console.log('onSeek', e);
 				}}
 				on:ended={handleEnded}
 				on:error={(e) => {
-					console.log('onError', e);
+					// console.log('onError', e);
 				}}
 				on:progress={handleProgress}
 				on:duration={handleDuration}
 				on:playbackQualityChange={(e) => {
-					console.log('onPlaybackQualityChange', e);
+					// console.log('onPlaybackQualityChange', e);
 				}}
 			/>
 		</div>
@@ -157,7 +157,7 @@
 						<button on:click={handleClickFullscreen}>Fullscreen</button>
 						{#if light}
 							<button
-								on:click={() => {
+								on:click={function () {
 									if (playerRef !== undefined) {
 										playerRef.showPreview();
 									}
@@ -267,21 +267,21 @@
 					<th>YouTube</th>
 					<td>
 						<LoadButton
-							on:click={() => {
+							on:click={function () {
 								load('https://www.youtube.com/watch?v=oUFJJNQGwhk');
 							}}
 						>
 							Test A
 						</LoadButton>
 						<LoadButton
-							on:click={() => {
+							on:click={function () {
 								load('https://www.youtube.com/watch?v=jNgP6d9HraI');
 							}}
 						>
 							Test B
 						</LoadButton>
 						<LoadButton
-							on:click={() => {
+							on:click={function () {
 								load('https://www.youtube.com/playlist?list=PLogRWNZ498ETeQNYrOlqikEML3bKJcdcx');
 							}}
 						>
@@ -293,21 +293,21 @@
 					<th>SoundCloud</th>
 					<td>
 						<LoadButton
-							on:click={() => {
+							on:click={function () {
 								load('https://soundcloud.com/miami-nights-1984/accelerated');
 							}}
 						>
 							Test A
 						</LoadButton>
 						<LoadButton
-							on:click={() => {
+							on:click={function () {
 								load('https://soundcloud.com/tycho/tycho-awake');
 							}}
 						>
 							Test B
 						</LoadButton>
 						<LoadButton
-							on:click={() => {
+							on:click={function () {
 								load('https://soundcloud.com/yunghog/sets/doperaptraxxx');
 							}}
 						>
@@ -319,14 +319,14 @@
 					<th>Facebook</th>
 					<td>
 						<LoadButton
-							on:click={() => {
+							on:click={function () {
 								load('https://www.facebook.com/facebook/videos/10153231379946729/');
 							}}
 						>
 							Test A
 						</LoadButton>
 						<LoadButton
-							on:click={() => {
+							on:click={function () {
 								load('https://www.facebook.com/FacebookDevelopers/videos/10152454700553553/');
 							}}
 						>
@@ -338,14 +338,14 @@
 					<th>Vimeo</th>
 					<td>
 						<LoadButton
-							on:click={() => {
+							on:click={function () {
 								load('https://vimeo.com/90509568');
 							}}
 						>
 							Test A
 						</LoadButton>
 						<LoadButton
-							on:click={() => {
+							on:click={function () {
 								load('https://vimeo.com/169599296');
 							}}
 						>
@@ -357,21 +357,21 @@
 					<th>Twitch</th>
 					<td>
 						<LoadButton
-							on:click={() => {
+							on:click={function () {
 								load('https://www.twitch.tv/videos/106400740');
 							}}
 						>
 							Test A
 						</LoadButton>
 						<LoadButton
-							on:click={() => {
+							on:click={function () {
 								load('https://www.twitch.tv/videos/12783852');
 							}}
 						>
 							Test B
 						</LoadButton>
 						<LoadButton
-							on:click={() => {
+							on:click={function () {
 								load('https://www.twitch.tv/kronovi');
 							}}
 						>
@@ -383,14 +383,14 @@
 					<th>Streamable</th>
 					<td>
 						<LoadButton
-							on:click={() => {
+							on:click={function () {
 								load('https://streamable.com/moo');
 							}}
 						>
 							Test A
 						</LoadButton>
 						<LoadButton
-							on:click={() => {
+							on:click={function () {
 								load('https://streamable.com/ifjh');
 							}}
 						>
@@ -402,21 +402,21 @@
 					<th>Wistia</th>
 					<td>
 						<LoadButton
-							on:click={() => {
+							on:click={function () {
 								load('https://home.wistia.com/medias/e4a27b971d');
 							}}
 						>
 							Test A
 						</LoadButton>
 						<LoadButton
-							on:click={() => {
+							on:click={function () {
 								load('https://home.wistia.com/medias/29b0fbf547');
 							}}
 						>
 							Test B
 						</LoadButton>
 						<LoadButton
-							on:click={() => {
+							on:click={function () {
 								load('https://home.wistia.com/medias/bq6epni33s');
 							}}
 						>
@@ -428,14 +428,14 @@
 					<th>DailyMotion</th>
 					<td>
 						<LoadButton
-							on:click={() => {
+							on:click={function () {
 								load('https://www.dailymotion.com/video/x5e9eog');
 							}}
 						>
 							Test A
 						</LoadButton>
 						<LoadButton
-							on:click={() => {
+							on:click={function () {
 								load('https://www.dailymotion.com/video/x61xx3z');
 							}}
 						>
@@ -447,14 +447,14 @@
 					<th>Mixcloud</th>
 					<td>
 						<LoadButton
-							on:click={() => {
+							on:click={function () {
 								load('https://www.mixcloud.com/mixcloud/meet-the-curators/');
 							}}
 						>
 							Test A
 						</LoadButton>
 						<LoadButton
-							on:click={() => {
+							on:click={function () {
 								load(
 									'https://www.mixcloud.com/mixcloud/mixcloud-curates-4-mary-anne-hobbs-in-conversation-with-dan-deacon/'
 								);
@@ -468,14 +468,14 @@
 					<th>Vidyard</th>
 					<td>
 						<LoadButton
-							on:click={() => {
+							on:click={function () {
 								load('https://video.vidyard.com/watch/YBvcF2BEfvKdowmfrRwk57');
 							}}
 						>
 							Test A
 						</LoadButton>
 						<LoadButton
-							on:click={() => {
+							on:click={function () {
 								load('https://video.vidyard.com/watch/BLXgYCDGfwU62vdMWybNVJ');
 							}}
 						>
@@ -487,7 +487,7 @@
 					<th>Kaltura</th>
 					<td>
 						<LoadButton
-							on:click={() => {
+							on:click={function () {
 								load(
 									'https://cdnapisec.kaltura.com/p/2507381/sp/250738100/embedIframeJs/uiconf_id/44372392/partner_id/2507381?iframeembed=true&playerId=kaltura_player_1605622074&entry_id=1_jz404fbl'
 								);
@@ -496,7 +496,7 @@
 							Test A
 						</LoadButton>
 						<LoadButton
-							on:click={() => {
+							on:click={function () {
 								load(
 									'https://cdnapisec.kaltura.com/p/2507381/sp/250738100/embedIframeJs/uiconf_id/44372392/partner_id/2507381?iframeembed=true&playerId=kaltura_player_1605622336&entry_id=1_i1jmzcn3'
 								);
@@ -510,7 +510,7 @@
 					<th>Files</th>
 					<td>
 						<LoadButton
-							on:click={() => {
+							on:click={function () {
 								load(
 									'https://test-videos.co.uk/vids/bigbuckbunny/mp4/h264/360/Big_Buck_Bunny_360_10s_1MB.mp4'
 								);
@@ -519,7 +519,7 @@
 							mp4
 						</LoadButton>
 						<LoadButton
-							on:click={() => {
+							on:click={function () {
 								load(
 									'https://test-videos.co.uk/vids/bigbuckbunny/webm/vp8/360/Big_Buck_Bunny_360_10s_1MB.webm'
 								);
@@ -528,21 +528,21 @@
 							webm
 						</LoadButton>
 						<LoadButton
-							on:click={() => {
+							on:click={function () {
 								load('https://filesamples.com/samples/video/ogv/sample_640x360.ogv');
 							}}
 						>
 							ogv
 						</LoadButton>
 						<LoadButton
-							on:click={() => {
+							on:click={function () {
 								load('https://storage.googleapis.com/media-session/elephants-dream/the-wires.mp3');
 							}}
 						>
 							mp3
 						</LoadButton>
 						<LoadButton
-							on:click={() => {
+							on:click={function () {
 								load(
 									'https://bitdash-a.akamaihd.net/content/MI201109210084_1/m3u8s/f08e80da-bf1d-4e3d-8899-f0f6155f6efa.m3u8'
 								);
@@ -551,7 +551,7 @@
 							HLS (m3u8)
 						</LoadButton>
 						<LoadButton
-							on:click={() => {
+							on:click={function () {
 								load('https://dash.akamaized.net/akamai/bbb_30fps/bbb_30fps_640x360_800k.mpd');
 							}}
 						>
@@ -564,7 +564,7 @@
 					<td>
 						<input type="text" placeholder="Enter URL" bind:value={urlInput} />
 						<button
-							on:click={() => {
+							on:click={function () {
 								load(urlInput);
 							}}
 						>
diff --git a/src/test/helpers/testPlayerMethods.ts b/src/test/helpers/testPlayerMethods.ts
index bde029d..ec7bcf9 100644
--- a/src/test/helpers/testPlayerMethods.ts
+++ b/src/test/helpers/testPlayerMethods.ts
@@ -1,69 +1,48 @@
 import type { SpyInstance } from 'vitest';
 import type { SvelteComponent, ComponentProps } from 'svelte';
-import type { PlayerMedia } from '../../lib/types';
-import type { GlobalSDK } from '../../lib/players/global.types';
+import type { PlayerRef, PlayerInstance } from '../../lib/players/types';
+import type { Constructor, ObjectMethods } from '../../lib/players/utility.types';
 
 import { vi, test, expect } from 'vitest';
-import { render, waitFor } from '@testing-library/svelte';
-import * as utils from '../../lib/players/utils';
-
-type Constructor<T> = new (...args: any[]) => T;
+import { render } from '@testing-library/svelte';
 
 type SvelteComponentOptions<C extends SvelteComponent> =
 	| ComponentProps<C>
 	| { props: ComponentProps<C> };
 
-type Methods = {
-	[k in keyof Partial<Omit<PlayerMedia, 'load'>>]: string | null;
-};
-
-type TestPlayerMethodParams<C extends SvelteComponent> = {
-	Player: Constructor<C>;
-	loadParameters: Parameters<PlayerMedia['load']>;
-	props?: SvelteComponentOptions<C>;
-	playerSDK: GlobalSDK[keyof GlobalSDK];
-	methods: Methods;
+type Methods<TPlayer extends PlayerInstance> = {
+	[k in keyof Partial<Omit<PlayerRef, 'load'>>]: keyof ObjectMethods<TPlayer> | null;
 };
 
-export default function <C extends SvelteComponent>({
-	Player,
-	props,
-	loadParameters,
-	methods,
-	playerSDK
-}: TestPlayerMethodParams<C>) {
-	test(`${Player.name} Methods`, async () => {
-		const getSDK = vi.spyOn(utils, 'getSDK').mockImplementation(async () => {
-			return playerSDK;
-		});
-
-		const instance = render(Player, props).component;
-		instance.load(...loadParameters);
+export default function <TComponent extends SvelteComponent, TPlayer extends PlayerInstance>(
+	PlayerComponent: Constructor<TComponent>,
+	player: TPlayer,
+	methods: Methods<TPlayer>,
+	props?: SvelteComponentOptions<TComponent>
+) {
+	for (const method of Object.keys(methods)) {
+		test(`${method}`, async function (t) {
+			const instance = render(PlayerComponent, props).component;
+			t.expect(instance[method]).toBeTruthy();
+			instance._setPlayer(player);
+			const playerMethod = methods[method as keyof Methods<TPlayer>];
 
-		await waitFor(() => {
-			expect(instance.getPlayer()).not.toBeNull();
-		});
-
-		const player = instance.getPlayer();
-
-		for (const method of Object.keys(methods)) {
 			let methodSpy: SpyInstance | undefined = undefined;
-			const methodName = methods[method as keyof Methods];
-
-			if (methodName) {
-				methodSpy = vi.spyOn(player, methodName).mockImplementation(() => {
-					return undefined;
-				});
+			if (playerMethod) {
+				// TODO: fix type and async implementation
+				methodSpy = vi
+					.spyOn(player as any, playerMethod as string)
+					.mockImplementation(async function () {
+						return vi.fn();
+					});
 			}
 
 			instance[method]();
 
-			if (methodSpy !== undefined) {
+			if (methodSpy) {
 				expect(methodSpy).toHaveBeenCalled();
 				methodSpy.mockRestore();
 			}
-		}
-
-		getSDK.mockRestore();
-	});
+		});
+	}
 }
diff --git a/src/test/helpers/wait.ts b/src/test/helpers/wait.ts
new file mode 100644
index 0000000..52e34cb
--- /dev/null
+++ b/src/test/helpers/wait.ts
@@ -0,0 +1,8 @@
+export async function wait(callback: () => void, timeout: number) {
+	await new Promise(function (resolve) {
+		setTimeout(function () {
+			callback();
+			resolve(undefined);
+		}, timeout);
+	});
+}
diff --git a/src/test/players/DailyMotion.test.ts b/src/test/players/DailyMotion.test.ts
index 182ac2e..9442411 100644
--- a/src/test/players/DailyMotion.test.ts
+++ b/src/test/players/DailyMotion.test.ts
@@ -1,15 +1,17 @@
-import type { DailyMotionPlayer, DailyMotion } from '../../lib/players/dailymotion.global.types';
 import type { DailyMotionConfig } from '../../lib/players/dailymotion.types';
 
-import { describe } from 'vitest';
-import testPlayerMethods from '../helpers/testPlayerMethods';
-
+import { describe, test, vi, expect, beforeEach } from 'vitest';
+import { render } from '@testing-library/svelte';
+import * as utils from '../../lib/players/utils';
 import DailyMotionSvelte from '../../lib/players/DailyMotion.svelte';
+import testPlayerMethods from '../helpers/testPlayerMethods';
+import DailyMotionPlayerMock from './DailyMotionPlayer.mock';
 
-const TEST_URL = 'https://www.dailymotion.com/video/x5e9eog';
-const TEST_CONFIG: DailyMotionConfig = {
+const TEST_VIDEO_ID = 'x5e9eog';
+const TEST_URL = `https://www.dailymotion.com/video/${TEST_VIDEO_ID}`;
+const TEST_CONFIG = {
 	params: {}
-};
+} satisfies DailyMotionConfig;
 
 const TEST_PROPS = {
 	config: TEST_CONFIG,
@@ -18,52 +20,154 @@ const TEST_PROPS = {
 	playing: false
 };
 
-class DailyMotionPlayerMock implements DailyMotionPlayer {
-	bufferedTime = 0;
-	currentTime = 0;
-	duration = 0;
+beforeEach(function () {
+	vi.restoreAllMocks();
+});
 
-	constructor() {
-		// do nothing
-	}
-	load() {
-		// do nothing
-	}
-	pause() {
-		// do nothing
-	}
-	play() {
-		// do nothing
-	}
-	seek() {
-		// do nothing
-	}
-	setMuted() {
-		// do nothing
-	}
-	setVolume() {
-		// do nothing
+describe('testPlayerMethods', function () {
+	testPlayerMethods(DailyMotionSvelte, new DailyMotionPlayerMock(), {
+		play: 'play',
+		pause: 'pause',
+		stop: null,
+		seekTo: 'seek',
+		setVolume: 'setVolume',
+		mute: 'setMuted',
+		unmute: 'setMuted'
+	});
+});
+
+test.only('load()', async function (t) {
+	t.expect.assertions(4);
+	vi.doMock('./DailyMotionPlayer.mock', function () {
+		const Player = vi.fn(function (container, options) {
+			t.expect(container.tagName).toStrictEqual('DIV');
+			t.expect(options.video).toStrictEqual(TEST_VIDEO_ID);
+			t.expect(true).toBeTruthy();
+		});
+
+		return { default: Player };
+	});
+
+	const Player = (await import('./DailyMotionPlayer.mock')).default;
+	const getSDK = vi.spyOn(utils, 'getSDK').mockImplementation(async function () {
+		return { player: Player };
+	});
+
+	const instance = new DailyMotionSvelte({
+		target: document.body,
+		props: TEST_PROPS
+	});
+	instance.load(TEST_URL);
+
+	t.expect(getSDK).toHaveBeenCalledOnce();
+	getSDK.mockRestore();
+	return Promise.resolve();
+});
+
+// TODO: Add test for this, this behaciour cannot
+// be tested yet because we can't set container
+// programmatically
+test('load() - no container', async function (t) {
+	t.expect(true).toStrictEqual(true);
+});
+
+test('load() - existing player', async function (t) {
+	vi.doMock('./DailyMotionPlayer.mock', function () {
+		const Player = vi.fn();
+		Player.prototype.load = vi.fn();
+
+		return { default: Player };
+	});
+
+	const Player = (await import('./DailyMotionPlayer.mock')).default;
+
+	const instance = new DailyMotionSvelte({
+		target: document.body,
+		props: TEST_PROPS
+	});
+	instance._setPlayer(new Player());
+	instance.load(TEST_URL);
+	t.expect(instance.getPlayer().load).toHaveBeenCalledWith(TEST_VIDEO_ID, expect.anything());
+});
+
+test.only('onDurationChange()', async function (t) {
+	vi.doMock('./DailyMotionPlayer.mock', function () {
+		const Player = vi.fn();
+		Player.prototype.duration = 10;
+
+		return { default: Player };
+	});
+
+	const Player = (await import('./DailyMotionPlayer.mock')).default;
+
+	function onDuration(duration: CustomEvent) {
+		t.expect(duration.detail).toStrictEqual(10);
 	}
-}
 
-const DAILYMOTION_SDK: DailyMotion = {
-	player: DailyMotionPlayerMock
-};
+	const instance = new DailyMotionSvelte({
+		target: document.body,
+		props: TEST_PROPS
+	});
+	instance.$on('duration', onDuration);
+	instance._setPlayer(new Player());
+	instance._onDurationChange();
+});
+
+test('getDuration()', async function (t) {
+	vi.doMock('./DailyMotionPlayer.mock', function () {
+		const Player = vi.fn();
+		Player.prototype.duration = 10;
+
+		return { default: Player };
+	});
+
+	const Player = (await import('./DailyMotionPlayer.mock')).default;
+
+	const instance = new DailyMotionSvelte({
+		target: document.body,
+		props: TEST_PROPS
+	});
+	instance._setPlayer(new Player());
+	t.expect(instance.getDuration()).toStrictEqual(10);
+});
+
+test('getCurrentTime()', async function (t) {
+	vi.doMock('./DailyMotionPlayer.mock', function () {
+		const Player = vi.fn();
+		Player.prototype.currentTime = 5;
+
+		return { default: Player };
+	});
+
+	const Player = (await import('./DailyMotionPlayer.mock')).default;
+
+	const instance = new DailyMotionSvelte({
+		target: document.body,
+		props: TEST_PROPS
+	});
+	instance._setPlayer(new Player());
+	t.expect(instance.getCurrentTime()).toStrictEqual(5);
+});
+
+test('getSecondsLoaded()', async function (t) {
+	vi.doMock('./DailyMotionPlayer.mock', function () {
+		const Player = vi.fn();
+		Player.prototype.bufferedTime = 5;
+
+		return { default: Player };
+	});
+
+	const Player = (await import('./DailyMotionPlayer.mock')).default;
 
-describe('testPlayerMethods', () => {
-	testPlayerMethods({
-		Player: DailyMotionSvelte,
-		playerSDK: DAILYMOTION_SDK,
-		loadParameters: [TEST_URL],
-		methods: {
-			play: 'play',
-			pause: 'pause',
-			stop: null,
-			seekTo: 'seek',
-			setVolume: 'setVolume',
-			mute: 'setMuted',
-			unmute: 'setMuted'
-		},
+	const instance = new DailyMotionSvelte({
+		target: document.body,
 		props: TEST_PROPS
 	});
+	instance._setPlayer(new Player());
+	t.expect(instance.getSecondsLoaded()).toStrictEqual(5);
+});
+
+test('render()', function (t) {
+	const wrapper = render(DailyMotionSvelte, TEST_PROPS);
+	t.expect(wrapper.container.querySelector('.dailymotion-player')).not.toStrictEqual(null);
 });
diff --git a/src/test/players/DailyMotionPlayer.mock.ts b/src/test/players/DailyMotionPlayer.mock.ts
new file mode 100644
index 0000000..fefe734
--- /dev/null
+++ b/src/test/players/DailyMotionPlayer.mock.ts
@@ -0,0 +1,31 @@
+import type { DailyMotionPlayer } from '../../lib/players/dailymotion.global.types';
+
+class DailyMotionPlayerMock implements DailyMotionPlayer {
+	bufferedTime = 0;
+	currentTime = 0;
+	duration = 0;
+
+	constructor() {
+		// do nothing
+	}
+	load() {
+		// do nothing
+	}
+	pause() {
+		// do nothing
+	}
+	play() {
+		// do nothing
+	}
+	seek() {
+		// do nothing
+	}
+	setMuted() {
+		// do nothing
+	}
+	setVolume() {
+		// do nothing
+	}
+}
+
+export default DailyMotionPlayerMock;
diff --git a/src/test/players/Facebook.test.ts b/src/test/players/Facebook.test.ts
index 933194c..14c4682 100644
--- a/src/test/players/Facebook.test.ts
+++ b/src/test/players/Facebook.test.ts
@@ -1,19 +1,22 @@
-import type { Facebook, FacebookPlayer } from '../../lib/players/facebook.global.types';
+import type { Facebook } from '../../lib/players/facebook.global.types';
 import type { FacebookConfig } from '../../lib/players/facebook.types';
 
-import { describe, vi } from 'vitest';
-import testPlayerMethods from '../helpers/testPlayerMethods';
+import { describe, vi, test, expect } from 'vitest';
+import { render } from '@testing-library/svelte';
 
 import * as utils from '../../lib/players/utils';
 import FacebookSvelte from '../../lib/players/Facebook.svelte';
 
+import testPlayerMethods from '../helpers/testPlayerMethods';
+import facebookPlayer from './FacebookPlayer.mock';
+
 const TEST_URL = 'https://www.facebook.com/facebook/videos/10153231379946729';
-const TEST_CONFIG: FacebookConfig = {
+const TEST_CONFIG = {
 	appId: '123',
 	version: 'v3.3',
 	playerId: 'facebook-player',
 	attributes: {}
-};
+} satisfies FacebookConfig;
 
 const TEST_PROPS = {
 	controls: false,
@@ -23,70 +26,11 @@ const TEST_PROPS = {
 	config: TEST_CONFIG
 };
 
-const FACEBOOK_INSTANCE: FacebookPlayer = {
-	getCurrentPosition() {
-		return 0;
-	},
-	getDuration() {
-		return 0;
-	},
-	getVolume() {
-		return 0;
-	},
-	isMuted() {
-		return false;
-	},
-	mute() {
-		// do nothing
-	},
-	pause() {
-		// do nothing
-	},
-	play() {
-		// do nothing
-	},
-	seek() {
-		// do nothing
-	},
-	setVolume() {
-		// do nothing
-	},
-	subscribe() {
-		return {
-			release() {
-				// do nothing
-			}
-		};
-	},
-	unmute() {
-		// do nothing
-	}
-};
-
-const FACEBOOK_SDK: Facebook = {
-	init: utils.noop,
-	Event: {
-		subscribe: vi.fn().mockImplementation((event, fn) => {
-			if (event === 'xfbml.ready') {
-				fn({
-					type: 'video',
-					id: TEST_CONFIG.playerId,
-					instance: FACEBOOK_INSTANCE
-				});
-			}
-		})
-	},
-	XFBML: {
-		parse: utils.noop
-	}
-};
-
-describe('testPlayerMethods', () => {
-	testPlayerMethods({
-		Player: FacebookSvelte,
-		playerSDK: FACEBOOK_SDK,
-		loadParameters: [TEST_URL, false],
-		methods: {
+describe('testPlayerMethods', function () {
+	testPlayerMethods(
+		FacebookSvelte,
+		facebookPlayer,
+		{
 			play: 'play',
 			pause: 'pause',
 			stop: null,
@@ -98,6 +42,80 @@ describe('testPlayerMethods', () => {
 			getCurrentTime: 'getCurrentPosition',
 			getSecondsLoaded: null
 		},
+		TEST_PROPS
+	);
+});
+
+test('load()', async function (t) {
+	t.expect.assertions(2);
+	const FACEBOOK_SDK: Facebook = {
+		init: function () {
+			return null;
+		},
+		Event: {
+			subscribe: vi.fn().mockImplementation(function (event, fn) {
+				if (event === 'xfbml.ready') {
+					fn({
+						type: 'video',
+						id: TEST_CONFIG.playerId,
+						instance: facebookPlayer
+					});
+				}
+			})
+		},
+		XFBML: t.expect.anything()
+	};
+
+	const getSDK = vi.spyOn(utils, 'getSDK').mockImplementation(async function () {
+		return FACEBOOK_SDK;
+	});
+
+	function onReady() {
+		t.expect(true).toBeTruthy();
+	}
+
+	const instance = new FacebookSvelte({
+		target: document.body,
 		props: TEST_PROPS
 	});
+
+	instance.$on('ready', onReady);
+	instance.load(TEST_URL);
+	t.expect(getSDK).toHaveBeenCalled();
+	getSDK.mockRestore();
+
+	return Promise.resolve();
+});
+
+test.only('load() when ready', async function (t) {
+	t.expect.assertions(2);
+	const FACEBOOK_SDK: Facebook = {
+		init: expect.anything(),
+		Event: expect.anything(),
+		XFBML: {
+			parse: function () {
+				t.expect(true).toBeTruthy();
+			}
+		}
+	};
+
+	const getSDK = vi.spyOn(utils, 'getSDK').mockImplementation(async function () {
+		return FACEBOOK_SDK;
+	});
+
+	const instance = new FacebookSvelte({
+		target: document.body,
+		props: TEST_PROPS
+	});
+
+	instance.load(TEST_URL, true);
+	t.expect(getSDK).toHaveBeenCalled();
+	getSDK.mockRestore();
+
+	return Promise.resolve();
+});
+
+test('render()', function (t) {
+	const wrapper = render(FacebookSvelte, TEST_PROPS);
+	t.expect(wrapper.container.querySelector('.facebook-player')).not.toStrictEqual(null);
 });
diff --git a/src/test/players/FacebookPlayer.mock.ts b/src/test/players/FacebookPlayer.mock.ts
new file mode 100644
index 0000000..5238321
--- /dev/null
+++ b/src/test/players/FacebookPlayer.mock.ts
@@ -0,0 +1,43 @@
+import type { FacebookPlayer } from '../../lib/players/facebook.global.types';
+
+const facebookPlayer: FacebookPlayer = {
+	getCurrentPosition() {
+		return 0;
+	},
+	getDuration() {
+		return 0;
+	},
+	getVolume() {
+		return 0;
+	},
+	isMuted() {
+		return false;
+	},
+	mute() {
+		// do nothing
+	},
+	pause() {
+		// do nothing
+	},
+	play() {
+		// do nothing
+	},
+	seek() {
+		// do nothing
+	},
+	setVolume() {
+		// do nothing
+	},
+	subscribe() {
+		return {
+			release() {
+				// do nothing
+			}
+		};
+	},
+	unmute() {
+		// do nothing
+	}
+};
+
+export default facebookPlayer;
diff --git a/src/test/players/FilePlayer.test.ts b/src/test/players/FilePlayer.test.ts
index efb9f17..1148060 100644
--- a/src/test/players/FilePlayer.test.ts
+++ b/src/test/players/FilePlayer.test.ts
@@ -1,19 +1,24 @@
-import type { FileConfig } from '../../lib/players/file.types';
+import type {
+	FileConfig,
+	FileInternalPlayer,
+	FileInternalPlayerKey
+} from '../../lib/players/file.types';
+import type { AnyFunction } from '../../lib/players/utility.types';
 import type { DashJS, DashJSDebugLogLevel } from '../../lib/players/dash.types';
 
-import { test, beforeAll, afterAll, vi, expect } from 'vitest';
+import { test, beforeAll, afterAll, vi, expect, type TestContext } from 'vitest';
 
 import { defaultConfig } from '../../lib/props';
 import * as utils from '../../lib/players/utils';
 import FilePlayerSvelte from '../../lib/players/FilePlayer.svelte';
 
-const wait = async (callback: () => void, timeout: number) => {
-	await new Promise((resolve) => {
-		setTimeout(() => {
-			callback();
-			resolve(undefined);
-		}, timeout);
-	});
+const dashDebug: DashJSDebugLogLevel = {
+	LOG_LEVEL_NONE: 0,
+	LOG_LEVEL_FATAL: 1,
+	LOG_LEVEL_ERROR: 2,
+	LOG_LEVEL_WARNING: 3,
+	LOG_LEVEL_INFO: 4,
+	LOG_LEVEL_DEBUG: 5
 };
 
 const TEST_CONFIG: FileConfig = defaultConfig.file;
@@ -29,25 +34,91 @@ const TEST_PROPS = {
 	config: TEST_CONFIG
 };
 
+function assertPlayerNotNull<TPlayer extends FileInternalPlayer[FileInternalPlayerKey]>(
+	t: TestContext,
+	player: TPlayer | null
+): asserts player is TPlayer {
+	t.expect(player).not.toStrictEqual(null);
+}
+
 class MockMediaStream {}
 
-beforeAll(() => {
+beforeAll(function () {
 	vi.stubGlobal('navigator', {});
 
 	vi.stubGlobal('window', {
 		MediaStream: MockMediaStream,
 		URL: {
-			createObjectURL: () => 'mockObjectURL'
+			createObjectURL() {
+				return 'mockObjectURL';
+			}
 		}
 	});
 });
 
-afterAll(() => {
+afterAll(function () {
 	vi.unstubAllGlobals();
 });
 
-test('load - hls', async (t) => {
-	vi.doMock('hls.js', () => {
+test('listeners', async function (t) {
+	const addListeners = vi.fn();
+	const removeListeners = vi.fn();
+	const instance = new FilePlayerSvelte({
+		target: document.body,
+		props: {
+			...TEST_PROPS,
+			url: 'file.mp4',
+			playsinline: true,
+			_addListeners: addListeners,
+			_removeListeners: removeListeners
+		}
+	});
+
+	t.expect(addListeners).toHaveBeenCalledOnce();
+	t.expect(removeListeners).not.toHaveBeenCalled();
+
+	instance.$set({
+		url: 'file.mp3'
+	});
+
+	await Promise.resolve().then(function () {
+		t.expect(addListeners).toHaveBeenCalledTimes(2);
+	});
+
+	instance.$destroy();
+
+	await Promise.resolve().then(function () {
+		t.expect(removeListeners).toHaveBeenCalledTimes(2);
+	});
+});
+
+test('onSeek', function (t) {
+	const onSeek = vi.fn();
+	const instance = new FilePlayerSvelte({
+		target: document.body,
+		props: {
+			...TEST_PROPS,
+			url: 'file.mp4'
+		}
+	});
+
+	instance.$on('seek', onSeek);
+
+	const Event = vi.fn();
+	Event.prototype.target = { currentTime: 10 };
+	instance.onSeek(new Event());
+
+	t.expect(onSeek).toBeCalledWith(
+		t.expect.objectContaining({
+			detail: 10
+		})
+	);
+});
+
+test('load - hls', async function (t) {
+	t.expect.assertions(2);
+
+	vi.doMock('hls.js', function () {
 		class Hls {
 			static Events = { ERROR: 'ERROR' };
 			on() {
@@ -67,31 +138,34 @@ test('load - hls', async (t) => {
 	const Hls = (await import('hls.js')).default;
 
 	const url = 'file.m3u8';
-	const getSDK = vi.spyOn(utils, 'getSDK').mockImplementation(async () => {
+	const getSDK = vi.spyOn(utils, 'getSDK').mockImplementation(async function () {
 		return Hls;
 	});
+
+	function onLoaded() {
+		t.expect(true).toBeTruthy();
+	}
+
 	const instance = new FilePlayerSvelte({
 		target: document.body,
 		props: {
-			url,
-			...TEST_PROPS
+			...TEST_PROPS,
+			url
 		}
 	});
 
-	const onLoaded = vi.fn();
 	instance.$on('loaded', onLoaded);
 	instance.load(url);
 	t.expect(getSDK).toHaveBeenCalledOnce();
-	await expect(
-		wait(() => {
-			t.expect(onLoaded).toHaveBeenCalledOnce();
-		}, 100)
-	).resolves.toEqual(undefined);
 	getSDK.mockRestore();
+
+	return Promise.resolve();
 });
 
-test('onError - hls', async (t) => {
-	vi.doMock('hls.js', () => {
+test('onError - hls', async function (t) {
+	t.expect.assertions(2);
+
+	vi.doMock('hls.js', function () {
 		class Hls {
 			static Events = { ERROR: 'ERROR' };
 			on(event: string, cb: () => void) {
@@ -113,33 +187,36 @@ test('onError - hls', async (t) => {
 
 	const Hls = (await import('hls.js')).default;
 
-	const getSDK = vi.spyOn(utils, 'getSDK').mockImplementation(async () => {
-		return Hls;
-	});
-
-	const url = 'file.m3u8';
-	const instance = new FilePlayerSvelte({
-		target: document.body,
-		props: {
-			url,
-			...TEST_PROPS
+	return new Promise(function (resolve) {
+		function onError() {
+			t.expect(true).toBeTruthy();
+			resolve(undefined);
 		}
-	});
 
-	const onError = vi.fn();
-	instance.$on('error', onError);
-	instance.load(url);
-	t.expect(getSDK).toHaveBeenCalledOnce();
-	await expect(
-		wait(() => {
-			t.expect(onError).toHaveBeenCalledOnce();
-		}, 200)
-	).resolves.toEqual(undefined);
-	getSDK.mockRestore();
+		const getSDK = vi.spyOn(utils, 'getSDK').mockImplementation(async function () {
+			return Hls;
+		});
+
+		const url = 'file.m3u8';
+		const instance = new FilePlayerSvelte({
+			target: document.body,
+			props: {
+				...TEST_PROPS,
+				url
+			}
+		});
+
+		instance.$on('error', onError);
+		instance.load(url);
+		t.expect(getSDK).toHaveBeenCalledOnce();
+		getSDK.mockRestore();
+	});
 });
 
-test('onError - flv', async (t) => {
-	vi.doMock('flv.js', () => {
+test('onError - flv', async function (t) {
+	t.expect.assertions(2);
+
+	vi.doMock('flv.js', function () {
 		class FlvPlayer {
 			attachMediaElement() {
 				// do nothing
@@ -147,7 +224,7 @@ test('onError - flv', async (t) => {
 
 			on(event: string, cb: (...args: unknown[]) => void) {
 				if (event === 'error') {
-					setTimeout(() => {
+					setTimeout(function () {
 						cb({ error: event });
 					}, 100);
 				}
@@ -177,57 +254,63 @@ test('onError - flv', async (t) => {
 
 	const flv = (await import('flv.js')).default;
 
-	const getSDK = vi.spyOn(utils, 'getSDK').mockImplementation(async () => {
-		return flv;
-	});
-
-	const url = 'file.flv';
-	const instance = new FilePlayerSvelte({
-		target: document.body,
-		props: {
-			url,
-			...TEST_PROPS
+	return new Promise(function (resolve) {
+		function onError() {
+			t.expect(true).toBeTruthy();
+			resolve(undefined);
 		}
-	});
 
-	const onError = vi.fn();
-	instance.$on('error', onError);
-	instance.load(url);
-	t.expect(getSDK).toHaveBeenCalledOnce();
-	await expect(
-		wait(() => {
-			t.expect(onError).toHaveBeenCalledOnce();
-		}, 200)
-	).resolves.toEqual(undefined);
-	getSDK.mockRestore();
+		const getSDK = vi.spyOn(utils, 'getSDK').mockImplementation(async function () {
+			return flv;
+		});
+
+		const url = 'file.flv';
+		const instance = new FilePlayerSvelte({
+			target: document.body,
+			props: {
+				...TEST_PROPS,
+				url
+			}
+		});
+
+		instance.$on('error', onError);
+		instance.load(url);
+		t.expect(getSDK).toHaveBeenCalledOnce();
+		getSDK.mockRestore();
+	});
 });
 
-test('load - dash', async (t) => {
-	vi.doMock('dashjs', () => {
+test('load - dash', async function (t) {
+	t.expect.assertions(2);
+
+	vi.doMock('dashjs', function () {
 		const dashjs = {
-			MediaPlayer() {
+			MediaPlayer: function () {
 				return {
-					create() {
+					create: function () {
 						return {
-							on() {
+							on: function () {
 								return null;
 							},
-							initialize() {
+							initialize: function () {
 								return null;
 							},
-							getDebug() {
+							getDebug: function () {
 								return {
-									setLogToBrowserConsole() {
+									setLogToBrowserConsole: function () {
 										return null;
 									}
 								};
 							},
-							updateSettings() {
+							updateSettings: function () {
 								return null;
 							}
 						};
 					}
 				};
+			},
+			Debug: {
+				LOG_LEVEL_NONE: 0
 			}
 		};
 
@@ -237,49 +320,610 @@ test('load - dash', async (t) => {
 	const dashjsSDK = (await import('dashjs')).default;
 	const dashjs: DashJS = {
 		...dashjsSDK,
-		Debug: {
-			LOG_LEVEL_NONE: 0,
-			LOG_LEVEL_FATAL: 1,
-			LOG_LEVEL_ERROR: 2,
-			LOG_LEVEL_WARNING: 3,
-			LOG_LEVEL_INFO: 4,
-			LOG_LEVEL_DEBUG: 5
-		}
+		Debug: dashDebug
 	};
 
 	const url = 'file.mpd';
-	const getSDK = vi.spyOn(utils, 'getSDK').mockImplementation(async () => {
+	const getSDK = vi.spyOn(utils, 'getSDK').mockImplementation(async function () {
 		return dashjs;
 	});
+
+	function onLoaded() {
+		t.expect(true).toBeTruthy();
+	}
+
 	const instance = new FilePlayerSvelte({
 		target: document.body,
 		props: {
-			url,
-			...TEST_PROPS
+			...TEST_PROPS,
+			url
 		}
 	});
 
-	const onLoaded = vi.fn();
 	instance.$on('loaded', onLoaded);
 	instance.load(url);
 	t.expect(getSDK).toHaveBeenCalledOnce();
-	await expect(
-		wait(() => {
-			t.expect(onLoaded).toHaveBeenCalledOnce();
-		}, 100)
-	).resolves.toEqual(undefined);
 	getSDK.mockRestore();
+
+	return Promise.resolve();
+});
+
+test('load - MediaStream', async function (t) {
+	t.expect.assertions(3);
+	const url = new window.MediaStream();
+	const instance = new FilePlayerSvelte({
+		target: document.body,
+		props: {
+			...TEST_PROPS,
+			url
+		}
+	});
+
+	instance.load(url);
+
+	await Promise.resolve().then(function () {
+		const player = instance.getPlayer('player');
+		assertPlayerNotNull(t, player);
+		t.expect(player.srcObject).toStrictEqual(url);
+		t.expect(player.src).toStrictEqual('');
+	});
+});
+
+test('load - MediaStream (srcObject not supported)', async function (t) {
+	t.expect.assertions(3);
+	const url = new window.MediaStream();
+	const instance = new FilePlayerSvelte({
+		target: document.body,
+		props: {
+			...TEST_PROPS,
+			url
+		}
+	});
+
+	const player = instance.getPlayer('player');
+	assertPlayerNotNull(t, player);
+
+	Object.defineProperty(player, 'srcObject', {
+		get: function () {
+			return null;
+		},
+		set: function () {
+			throw new Error('Browser does not support srcObject');
+		}
+	});
+
+	instance.load(url);
+
+	await Promise.resolve().then(function () {
+		t.expect(player.src).include('mockObjectURL');
+		t.expect(player.srcObject).toBeFalsy();
+	});
+});
+
+test('load - Blob URI', function (t) {
+	const container = document.createElement('div');
+	const url = 'blob:http://example.com:ceeed153-91f1-4456-a4a7-cb4085810cc4"';
+	new FilePlayerSvelte({
+		target: container,
+		props: {
+			...TEST_PROPS,
+			url
+		}
+	});
+
+	t.expect(container.querySelector('video')).toBeTruthy();
+	t.expect(container.querySelector('video')?.src).toStrictEqual(url);
+	t.expect(container.querySelector('video')?.children.length).toStrictEqual(0);
+});
+
+test('forceVideo', function (t) {
+	const container = document.createElement('div');
+	new FilePlayerSvelte({
+		target: container,
+		props: {
+			...TEST_PROPS,
+			url: 'file.mp3',
+			config: {
+				...TEST_CONFIG,
+				forceVideo: true
+			}
+		}
+	});
+
+	t.expect(container.querySelector('video')).toBeTruthy();
+	t.expect(container.querySelector('video')?.src).include('file.mp3');
+	t.expect(container.querySelector('video')?.children.length).toStrictEqual(0);
+});
+
+test('forceAudio', function (t) {
+	const container = document.createElement('div');
+	new FilePlayerSvelte({
+		target: container,
+		props: {
+			...TEST_PROPS,
+			url: 'file.mp4',
+			config: {
+				...TEST_CONFIG,
+				forceAudio: true
+			}
+		}
+	});
+
+	t.expect(container.querySelector('audio')).toBeTruthy();
+	t.expect(container.querySelector('audio')?.src).include('file.mp4');
+	t.expect(container.querySelector('audio')?.children.length).toStrictEqual(0);
+});
+
+test('render video poster', function (t) {
+	const container = document.createElement('div');
+	new FilePlayerSvelte({
+		target: container,
+		props: {
+			...TEST_PROPS,
+			url: 'file.mp3',
+			config: {
+				...TEST_CONFIG,
+				attributes: { poster: 'poster.png' }
+			}
+		}
+	});
+
+	t.expect(container.querySelector('video')).toBeTruthy();
+	t.expect(container.querySelector('video')?.src).include('file.mp3');
+	t.expect(container.querySelector('video')?.poster).include('poster.png');
+	t.expect(container.querySelector('video')?.children.length).toStrictEqual(0);
+});
+
+test('play()', function (t) {
+	const instance = new FilePlayerSvelte({
+		target: document.body,
+		props: {
+			...TEST_PROPS,
+			url: 'file.mp4'
+		}
+	});
+
+	const player = instance.getPlayer('player');
+	assertPlayerNotNull(t, player);
+
+	player.play = vi.fn();
+	instance.play();
+	t.expect(player.play).toHaveBeenCalledOnce();
+});
+
+test('play() - promise', async function (t) {
+	t.expect.assertions(3);
+	function onError() {
+		t.expect(true).toBeTruthy();
+	}
+
+	const instance = new FilePlayerSvelte({
+		target: document.body,
+		props: {
+			...TEST_PROPS,
+			url: 'file.mp4'
+		}
+	});
+
+	instance.$on('error', onError);
+
+	const player = instance.getPlayer('player');
+	assertPlayerNotNull(t, player);
+
+	player.play = vi.fn().mockImplementation(function () {
+		return {
+			catch: function (cb: AnyFunction) {
+				cb();
+			}
+		};
+	});
+	instance.play();
+	t.expect(player.play).toHaveBeenCalledOnce();
+
+	return Promise.resolve();
+});
+
+test('pause()', function (t) {
+	const instance = new FilePlayerSvelte({
+		target: document.body,
+		props: {
+			...TEST_PROPS,
+			url: 'file.mp4'
+		}
+	});
+
+	const player = instance.getPlayer('player');
+	assertPlayerNotNull(t, player);
+
+	player.pause = vi.fn();
+	instance.pause();
+	t.expect(player.pause).toHaveBeenCalledOnce();
+});
+
+test('stop()', function (t) {
+	const instance = new FilePlayerSvelte({
+		target: document.body,
+		props: {
+			...TEST_PROPS,
+			url: 'file.mp4'
+		}
+	});
+
+	const player = instance.getPlayer('player');
+	assertPlayerNotNull(t, player);
+
+	player.removeAttribute = vi.fn();
+	instance.stop();
+	t.expect(player.removeAttribute).toHaveBeenNthCalledWith(1, 'src');
+});
+
+test('stop() - dash', async function (t) {
+	t.expect.assertions(2);
+
+	vi.doMock('dashjs', function () {
+		const dashjs = {
+			MediaPlayer: function () {
+				return {
+					create: function () {
+						return {
+							reset: vi.fn()
+						};
+					}
+				};
+			}
+		};
+
+		return { default: dashjs };
+	});
+
+	const dashjsSDK = (await import('dashjs')).default;
+
+	const instance = new FilePlayerSvelte({
+		target: document.body,
+		props: {
+			...TEST_PROPS,
+			url: 'file.mpd'
+		}
+	});
+
+	instance._setDash(dashjsSDK.MediaPlayer().create());
+
+	const dash = instance.getPlayer('dash');
+	assertPlayerNotNull(t, dash);
+
+	instance.stop();
+	t.expect(dash.reset).toHaveBeenCalledOnce();
+});
+
+test('seekTo()', function (t) {
+	const instance = new FilePlayerSvelte({
+		target: document.body,
+		props: {
+			...TEST_PROPS,
+			url: 'file.mp4'
+		}
+	});
+
+	const player = instance.getPlayer('player');
+	assertPlayerNotNull(t, player);
+
+	instance.seekTo(10);
+	t.expect(player.currentTime).toStrictEqual(10);
+});
+
+test('setVolume()', function (t) {
+	const instance = new FilePlayerSvelte({
+		target: document.body,
+		props: {
+			...TEST_PROPS,
+			url: 'file.mp4'
+		}
+	});
+
+	const player = instance.getPlayer('player');
+	assertPlayerNotNull(t, player);
+
+	instance.setVolume(0.5);
+	t.expect(player.volume).toStrictEqual(0.5);
+});
+
+test('mute()', function (t) {
+	const instance = new FilePlayerSvelte({
+		target: document.body,
+		props: {
+			...TEST_PROPS,
+			url: 'file.mp4'
+		}
+	});
+
+	const player = instance.getPlayer('player');
+	assertPlayerNotNull(t, player);
+
+	instance.mute();
+	t.expect(player.muted).toStrictEqual(true);
+});
+
+test('unmute()', function (t) {
+	const instance = new FilePlayerSvelte({
+		target: document.body,
+		props: {
+			...TEST_PROPS,
+			url: 'file.mp4'
+		}
+	});
+
+	const player = instance.getPlayer('player');
+	assertPlayerNotNull(t, player);
+
+	instance.unmute();
+	t.expect(player.muted).toStrictEqual(false);
+});
+
+test('setPlaybackRate()', function (t) {
+	const instance = new FilePlayerSvelte({
+		target: document.body,
+		props: {
+			...TEST_PROPS,
+			url: 'file.mp4'
+		}
+	});
+
+	const player = instance.getPlayer('player');
+	assertPlayerNotNull(t, player);
+
+	instance.setPlaybackRate(0.5);
+	t.expect(player.playbackRate).toStrictEqual(0.5);
+});
+
+test('getDuration()', function (t) {
+	const instance = new FilePlayerSvelte({
+		target: document.body,
+		props: {
+			...TEST_PROPS,
+			url: 'file.mp4'
+		}
+	});
+
+	const player = instance.getPlayer('player');
+	assertPlayerNotNull(t, player);
+
+	Object.defineProperty(player, 'duration', {
+		value: 10
+	});
+
+	t.expect(instance.getDuration()).toStrictEqual(10);
+});
+
+test('getCurrentTime()', function (t) {
+	const instance = new FilePlayerSvelte({
+		target: document.body,
+		props: {
+			...TEST_PROPS,
+			url: 'file.mp4'
+		}
+	});
+
+	const player = instance.getPlayer('player');
+	assertPlayerNotNull(t, player);
+
+	player.currentTime = 5;
+	t.expect(instance.getCurrentTime()).toStrictEqual(5);
+});
+
+test('getSecondsLoaded()', function (t) {
+	const instance = new FilePlayerSvelte({
+		target: document.body,
+		props: {
+			...TEST_PROPS,
+			url: 'file.mp4'
+		}
+	});
+
+	const player = instance.getPlayer('player');
+	assertPlayerNotNull(t, player);
+
+	Object.defineProperty(player, 'buffered', {
+		configurable: true
+	});
+	Object.defineProperty(player, 'duration', {
+		configurable: true
+	});
+
+	Object.defineProperty(player, 'buffered', {
+		value: []
+	});
+	expect(instance.getSecondsLoaded()).toStrictEqual(0);
+
+	Object.defineProperty(player, 'buffered', {
+		value: {
+			end: function () {
+				return 10;
+			}
+		}
+	});
+	Object.defineProperty(player, 'duration', {
+		value: 20
+	});
+	expect(instance.getSecondsLoaded()).toStrictEqual(10);
+
+	Object.defineProperty(player, 'duration', {
+		value: 5
+	});
+	expect(instance.getSecondsLoaded()).toStrictEqual(5);
+});
+
+test('render - video', function (t) {
+	const container = document.createElement('div');
+	new FilePlayerSvelte({
+		target: container,
+		props: {
+			...TEST_PROPS,
+			url: 'file.mp4'
+		}
+	});
+
+	t.expect(container.querySelector('video')).toBeTruthy();
+	t.expect(container.querySelector('video')?.src).include('file.mp4');
+	t.expect(container.querySelector('video')?.children.length).toStrictEqual(0);
+});
+
+test('render - audio', function (t) {
+	const container = document.createElement('div');
+	new FilePlayerSvelte({
+		target: container,
+		props: {
+			...TEST_PROPS,
+			url: 'file.mp3'
+		}
+	});
+
+	t.expect(container.querySelector('audio')).toBeTruthy();
+	t.expect(container.querySelector('audio')?.src).include('file.mp3');
+	t.expect(container.querySelector('audio')?.children.length).toStrictEqual(0);
+});
+
+test('render - hls', function (t) {
+	const container = document.createElement('div');
+	new FilePlayerSvelte({
+		target: container,
+		props: {
+			...TEST_PROPS,
+			url: 'file.m3u8'
+		}
+	});
+
+	t.expect(container.querySelector('video')).toBeTruthy();
+	t.expect(container.querySelector('video')?.src).toStrictEqual('');
+	t.expect(container.querySelector('video')?.children.length).toStrictEqual(0);
+});
+
+test('render - dash', function (t) {
+	const container = document.createElement('div');
+	new FilePlayerSvelte({
+		target: container,
+		props: {
+			...TEST_PROPS,
+			url: 'file.mpd'
+		}
+	});
+
+	t.expect(container.querySelector('video')).toBeTruthy();
+	t.expect(container.querySelector('video')?.src).toStrictEqual('');
+	t.expect(container.querySelector('video')?.children.length).toStrictEqual(0);
+});
+
+test('render - dropbox', function (t) {
+	const url = 'https://www.dropbox.com/s/abc/file.mp4';
+	const container = document.createElement('div');
+	new FilePlayerSvelte({
+		target: container,
+		props: {
+			...TEST_PROPS,
+			url
+		}
+	});
+
+	t.expect(container.querySelector('video')).toBeTruthy();
+	t.expect(container.querySelector('video')?.src).include(
+		'https://dl.dropboxusercontent.com/s/abc/file.mp4'
+	);
+	t.expect(container.querySelector('video')?.children.length).toStrictEqual(0);
+});
+
+test('render - string array', function (t) {
+	const url = ['file.mp4', 'file.ogg'];
+	const container = document.createElement('div');
+	new FilePlayerSvelte({
+		target: container,
+		props: {
+			...TEST_PROPS,
+			url
+		}
+	});
+
+	t.expect(container.querySelector('video')).toBeTruthy();
+	t.expect(container.querySelector('video')?.children.length).toStrictEqual(2);
+	t.expect((container.querySelector('video')?.children.item(0) as HTMLVideoElement).src).include(
+		'file.mp4'
+	);
+	t.expect((container.querySelector('video')?.children.item(1) as HTMLVideoElement).src).include(
+		'file.ogg'
+	);
 });
 
-test('load - MediaStream', async (t) => {
+test('render - object array', function (t) {
+	const url = [
+		{ src: 'file.mp4', type: 'video/mp4', media: '(max-width:800px)' },
+		{ src: 'file.mp4', type: 'video/mp4' },
+		{ src: 'file.ogg', type: 'video/ogg' }
+	];
+	const container = document.createElement('div');
+	new FilePlayerSvelte({
+		target: container,
+		props: {
+			...TEST_PROPS,
+			url
+		}
+	});
+
+	t.expect(container.querySelector('video')).toBeTruthy();
+	t.expect(container.querySelector('video')?.children.length).toStrictEqual(3);
+
+	const firstChild = container.querySelector('video')?.children.item(0) as HTMLSourceElement;
+	t.expect(firstChild.src).include('file.mp4');
+	t.expect(firstChild.type).toStrictEqual('video/mp4');
+	t.expect(firstChild.media).toStrictEqual('(max-width:800px)');
+
+	const secondChild = container.querySelector('video')?.children.item(1) as HTMLSourceElement;
+	t.expect(secondChild.src).include('file.mp4');
+	t.expect(secondChild.type).toStrictEqual('video/mp4');
+
+	const thirdChild = container.querySelector('video')?.children.item(2) as HTMLSourceElement;
+	t.expect(thirdChild.src).include('file.ogg');
+	t.expect(thirdChild.type).toStrictEqual('video/ogg');
+});
+
+test.todo('render tracks');
+
+test('auto width/height', function (t) {
+	const container = document.createElement('div');
+	new FilePlayerSvelte({
+		target: container,
+		props: {
+			...TEST_PROPS,
+			url: 'file.mp4',
+			width: 'auto',
+			height: 'auto'
+		}
+	});
+
+	t.expect(container.querySelector('video')).toBeTruthy();
+	t.expect(container.querySelector('video')?.src).include('file.mp4');
+	t.expect(container.querySelector('video')?.style).toStrictEqual(
+		expect.objectContaining({ _values: { height: 'auto', width: 'auto' } })
+	);
+	t.expect(container.querySelector('video')?.children.length).toStrictEqual(0);
+});
+
+test('clear srcObject on url change', async function (t) {
 	const url = new window.MediaStream();
 	const instance = new FilePlayerSvelte({
 		target: document.body,
 		props: {
-			url,
-			...TEST_PROPS
+			...TEST_PROPS,
+			url
 		}
 	});
 
 	instance.load(url);
+	instance.$set({
+		url: 'file.mpv'
+	});
+
+	const player = instance.getPlayer('player');
+	assertPlayerNotNull(t, player);
+
+	await Promise.resolve().then(function () {
+		t.expect(player.srcObject).toStrictEqual(null);
+	});
 });
diff --git a/src/test/players/Kaltura.test.ts b/src/test/players/Kaltura.test.ts
index ba2fc1d..d7f8ed4 100644
--- a/src/test/players/Kaltura.test.ts
+++ b/src/test/players/Kaltura.test.ts
@@ -1,9 +1,9 @@
-import type { PlayerJS, PlayerJSPlayer } from '../../lib/players/playerjs.global.types';
-
-import { describe } from 'vitest';
+import { vi, test, describe } from 'vitest';
+import { render } from '@testing-library/svelte';
 import testPlayerMethods from '../helpers/testPlayerMethods';
-
 import KalturaSvelte from '../../lib/players/Kaltura.svelte';
+import * as utils from '../../lib/players/utils';
+import PlayerJSPlayerMock from './PlayerJSPlayer.mock';
 
 const TEST_URL =
 	'https://cdnapisec.kaltura.com/p/2507381/sp/250738100/embedIframeJs/uiconf_id/44372392/partner_id/2507381?iframeembed=true&playerId=kaltura_player_1605622336&entry_id=1_i1jmzcn3';
@@ -13,69 +13,11 @@ const TEST_PROPS = {
 	url: TEST_URL
 };
 
-class PlajerJSPlayerMock implements PlayerJSPlayer {
-	isReady = false;
-
-	constructor() {
-		// do nothing
-	}
-	getCurrentTime() {
-		// do nothing
-	}
-	getMuted() {
-		// do nothing
-	}
-	getDuration() {
-		return 0;
-	}
-	getPaused() {
-		// do nothing
-	}
-	getVolume() {
-		return 0;
-	}
-	mute() {
-		// do nothing
-	}
-	off() {
-		// do nothing
-	}
-	on() {
-		// do nothing
-	}
-	pause() {
-		// do nothing
-	}
-	play() {
-		// do nothing
-	}
-	setCurrentTime() {
-		// do nothing
-	}
-	setLoop() {
-		// do nothing
-	}
-	setVolume() {
-		// do nothing
-	}
-	supports() {
-		return false;
-	}
-	unmute() {
-		// do nothing
-	}
-}
-
-const PLAYERJS_SDK: PlayerJS = {
-	Player: PlajerJSPlayerMock
-};
-
-describe('testPlayerMethods', () => {
-	testPlayerMethods({
-		Player: KalturaSvelte,
-		playerSDK: PLAYERJS_SDK,
-		loadParameters: [TEST_URL],
-		methods: {
+describe('testPlayerMethods', function () {
+	testPlayerMethods(
+		KalturaSvelte,
+		new PlayerJSPlayerMock(),
+		{
 			play: 'play',
 			pause: 'pause',
 			stop: null,
@@ -84,6 +26,88 @@ describe('testPlayerMethods', () => {
 			mute: 'mute',
 			unmute: 'unmute'
 		},
+		TEST_PROPS
+	);
+});
+
+test('load()', async function (t) {
+	t.expect.assertions(3);
+	vi.doMock('./PlayerJSPlayer.mock', function () {
+		const Player = vi.fn(function (iframe) {
+			t.expect(iframe.className).includes('kaltura-player');
+		});
+
+		Player.prototype.on = vi.fn(function (event, fn) {
+			if (event === 'ready') {
+				setTimeout(fn, 100);
+			}
+		});
+
+		Player.prototype.setLoop = vi.fn(function () {
+			return null;
+		});
+
+		return { default: Player };
+	});
+
+	const Player = (await import('./PlayerJSPlayer.mock')).default;
+	const getSDK = vi.spyOn(utils, 'getSDK').mockImplementation(async function () {
+		return { Player };
+	});
+
+	return new Promise(function (resolve) {
+		const onReady = vi.fn(function () {
+			t.expect(true).toBeTruthy();
+			resolve(undefined);
+		});
+
+		const instance = new KalturaSvelte({
+			target: document.body,
+			props: TEST_PROPS
+		});
+
+		instance.$on('ready', onReady);
+		instance.load();
+
+		t.expect(getSDK).toHaveBeenCalledOnce();
+		getSDK.mockRestore();
+	});
+});
+
+test('getDuration()', function (t) {
+	const instance = new KalturaSvelte({
+		target: document.body,
+		props: TEST_PROPS
+	});
+	instance._setDuration(10);
+	t.expect(instance.getDuration()).toStrictEqual(10);
+});
+
+test('getCurrentTime()', function (t) {
+	const instance = new KalturaSvelte({
+		target: document.body,
 		props: TEST_PROPS
 	});
+	instance._setCurrentTime(5);
+	t.expect(instance.getCurrentTime()).toStrictEqual(5);
+});
+
+test('getSecondsLoaded()', function (t) {
+	const instance = new KalturaSvelte({
+		target: document.body,
+		props: TEST_PROPS
+	});
+	instance._setSecondsLoaded(5);
+	t.expect(instance.getSecondsLoaded()).toStrictEqual(5);
+});
+
+test('render()', function (t) {
+	const wrapper = render(KalturaSvelte, TEST_PROPS);
+
+	const element = wrapper.container.querySelector('.kaltura-player') as HTMLIFrameElement;
+	t.expect(element).not.toStrictEqual(null);
+	t.expect(element.frameBorder).toStrictEqual('0');
+	t.expect(element.scrolling).toStrictEqual('no');
+	t.expect(element.className).includes('kaltura-player');
+	t.expect(element.title).toStrictEqual('Kaltura Player');
 });
diff --git a/src/test/players/Mixcloud.test.ts b/src/test/players/Mixcloud.test.ts
index 06434e2..6c65d85 100644
--- a/src/test/players/Mixcloud.test.ts
+++ b/src/test/players/Mixcloud.test.ts
@@ -1,10 +1,11 @@
-import type { MixcloudPlayer, MixcloudWidget } from '../../lib/players/mixcloud.global.types';
 import type { MixcloudConfig } from '../../lib/players/mixcloud.types';
 
-import { describe } from 'vitest';
+import { vi, test, describe } from 'vitest';
+import { render } from '@testing-library/svelte';
 import testPlayerMethods from '../helpers/testPlayerMethods';
-
 import MixcloudSvelte from '../../lib/players/Mixcloud.svelte';
+import * as utils from '../../lib/players/utils';
+import MixcloudWidgetMock from './MixcloudPlayer.mock';
 
 const TEST_URL = 'https://www.mixcloud.com/mixcloud/meet-the-curators';
 
@@ -17,105 +18,11 @@ const TEST_PROPS = {
 	config: TEST_CONFIG
 };
 
-class MixcloudWidgetMock implements MixcloudWidget {
-	constructor() {
-		// do nothing
-	}
-	load() {
-		// do nothing
-	}
-	play() {
-		// do nothing
-	}
-	pause() {
-		// do nothing
-	}
-	togglePlay() {
-		// do nothing
-	}
-	async seek() {
-		return false;
-	}
-	async getPosition() {
-		return 0;
-	}
-	async getDuration() {
-		return 0;
-	}
-	async getIsPaused() {
-		return false;
-	}
-	ready = Promise.resolve(null as never);
-	events = {
-		buffering: {
-			on() {
-				// do nothing
-			},
-			off() {
-				// do nothing
-			}
-		},
-		play: {
-			on() {
-				// do nothing
-			},
-			off() {
-				// do nothing
-			}
-		},
-		pause: {
-			on() {
-				// do nothing
-			},
-			off() {
-				// do nothing
-			}
-		},
-		ended: {
-			on() {
-				// do nothing
-			},
-			off() {
-				// do nothing
-			}
-		},
-		progress: {
-			on() {
-				// do nothing
-			},
-			off() {
-				// do nothing
-			}
-		},
-		error: {
-			on() {
-				// do nothing
-			},
-			off() {
-				// do nothing
-			}
-		}
-	};
-}
-
-const PLAYERJS_SDK: MixcloudPlayer = {
-	PlayerWidget() {
-		return new MixcloudWidgetMock();
-	},
-	noConflict() {
-		// do nothing
-	},
-	async FooterWidget() {
-		return new MixcloudWidgetMock();
-	}
-};
-
-describe('testPlayerMethods', () => {
-	testPlayerMethods({
-		Player: MixcloudSvelte,
-		playerSDK: PLAYERJS_SDK,
-		loadParameters: [TEST_URL],
-		methods: {
+describe('testPlayerMethods', function () {
+	testPlayerMethods(
+		MixcloudSvelte,
+		new MixcloudWidgetMock(),
+		{
 			play: 'play',
 			pause: 'pause',
 			stop: null,
@@ -125,6 +32,72 @@ describe('testPlayerMethods', () => {
 			unmute: null,
 			getSecondsLoaded: null
 		},
+		TEST_PROPS
+	);
+});
+
+test('load()', async function (t) {
+	t.expect.assertions(2);
+
+	const MixcloudSDK = {
+		PlayerWidget() {
+			return new MixcloudWidgetMock();
+		},
+		noConflict() {
+			// no implementation
+		},
+		async FooterWidget() {
+			return new MixcloudWidgetMock();
+		}
+	};
+
+	const getSDK = vi.spyOn(utils, 'getSDK').mockImplementation(async function () {
+		return MixcloudSDK;
+	});
+
+	return new Promise(function (resolve) {
+		const onReady = vi.fn(function () {
+			t.expect(true).toBeTruthy();
+			resolve(undefined);
+		});
+
+		const instance = new MixcloudSvelte({
+			target: document.body,
+			props: TEST_PROPS
+		});
+
+		instance.$on('ready', onReady);
+		instance.load();
+
+		t.expect(getSDK).toHaveBeenCalledOnce();
+		getSDK.mockRestore();
+	});
+});
+
+test('getDuration()', function (t) {
+	const instance = new MixcloudSvelte({
+		target: document.body,
+		props: TEST_PROPS
+	});
+	instance._setDuration(10);
+	t.expect(instance.getDuration()).toStrictEqual(10);
+});
+
+test('getCurrentTime()', function (t) {
+	const instance = new MixcloudSvelte({
+		target: document.body,
 		props: TEST_PROPS
 	});
+	instance._setCurrentTime(5);
+	t.expect(instance.getCurrentTime()).toStrictEqual(5);
+});
+
+test('render()', function (t) {
+	const wrapper = render(MixcloudSvelte, TEST_PROPS);
+
+	const element = wrapper.container.querySelector('.mixcloud-player') as HTMLIFrameElement;
+	t.expect(element).not.toStrictEqual(null);
+	t.expect(element.frameBorder).toStrictEqual('0');
+	t.expect(element.className).includes('mixcloud-player');
+	t.expect(element.title).toStrictEqual('Mixcloud Player');
 });
diff --git a/src/test/players/MixcloudPlayer.mock.ts b/src/test/players/MixcloudPlayer.mock.ts
new file mode 100644
index 0000000..eb10f89
--- /dev/null
+++ b/src/test/players/MixcloudPlayer.mock.ts
@@ -0,0 +1,84 @@
+import type { MixcloudWidget } from '../../lib/players/mixcloud.global.types';
+
+class MixcloudWidgetMock implements MixcloudWidget {
+	constructor() {
+		// do nothing
+	}
+	load() {
+		// do nothing
+	}
+	play() {
+		// do nothing
+	}
+	pause() {
+		// do nothing
+	}
+	togglePlay() {
+		// do nothing
+	}
+	async seek() {
+		return false;
+	}
+	async getPosition() {
+		return 0;
+	}
+	async getDuration() {
+		return 0;
+	}
+	async getIsPaused() {
+		return false;
+	}
+	ready = Promise.resolve(null as never);
+	events = {
+		buffering: {
+			on() {
+				// do nothing
+			},
+			off() {
+				// do nothing
+			}
+		},
+		play: {
+			on() {
+				// do nothing
+			},
+			off() {
+				// do nothing
+			}
+		},
+		pause: {
+			on() {
+				// do nothing
+			},
+			off() {
+				// do nothing
+			}
+		},
+		ended: {
+			on() {
+				// do nothing
+			},
+			off() {
+				// do nothing
+			}
+		},
+		progress: {
+			on() {
+				// do nothing
+			},
+			off() {
+				// do nothing
+			}
+		},
+		error: {
+			on() {
+				// do nothing
+			},
+			off() {
+				// do nothing
+			}
+		}
+	};
+}
+
+export default MixcloudWidgetMock;
diff --git a/src/test/players/PlayerJSPlayer.mock.ts b/src/test/players/PlayerJSPlayer.mock.ts
new file mode 100644
index 0000000..662bb76
--- /dev/null
+++ b/src/test/players/PlayerJSPlayer.mock.ts
@@ -0,0 +1,56 @@
+import type { PlayerJSPlayer } from '../../lib/players/playerjs.global.types';
+
+class PlayerJSPlayerMock implements PlayerJSPlayer {
+	isReady = false;
+
+	constructor() {
+		// do nothing
+	}
+	getCurrentTime() {
+		// do nothing
+	}
+	getMuted() {
+		// do nothing
+	}
+	getDuration() {
+		return 0;
+	}
+	getPaused() {
+		// do nothing
+	}
+	getVolume() {
+		return 0;
+	}
+	mute() {
+		// do nothing
+	}
+	off() {
+		// do nothing
+	}
+	on() {
+		// do nothing
+	}
+	pause() {
+		// do nothing
+	}
+	play() {
+		// do nothing
+	}
+	setCurrentTime() {
+		// do nothing
+	}
+	setLoop() {
+		// do nothing
+	}
+	setVolume() {
+		// do nothing
+	}
+	supports() {
+		return false;
+	}
+	unmute() {
+		// do nothing
+	}
+}
+
+export default PlayerJSPlayerMock;
diff --git a/src/test/players/SoundCloud.test.ts b/src/test/players/SoundCloud.test.ts
index 3c80f68..17491e8 100644
--- a/src/test/players/SoundCloud.test.ts
+++ b/src/test/players/SoundCloud.test.ts
@@ -1,14 +1,12 @@
-import type {
-	SoundCloud,
-	SoundCloudPlayer,
-	SoundCloudWidgetEvents
-} from '../../lib/players/soundcloud.global.types';
+import type { SoundCloudWidgetEvents } from '../../lib/players/soundcloud.global.types';
 import type { SoundCloudConfig } from '../../lib/players/soundcloud.types';
 
-import { describe } from 'vitest';
+import { test, vi, describe } from 'vitest';
+import { render } from '@testing-library/svelte';
 import testPlayerMethods from '../helpers/testPlayerMethods';
-
 import SoundCloudSvelte from '../../lib/players/SoundCloud.svelte';
+import * as utils from '../../lib/players/utils';
+import SoundCloudPlayerMock from './SoundCloudPlayer.mock';
 
 const TEST_URL = 'https://soundcloud.com/miami-nights-1984/accelerated';
 
@@ -22,66 +20,6 @@ const TEST_PROPS = {
 	config: TEST_CONFIG
 };
 
-class SoundCloudPlayerMock implements SoundCloudPlayer {
-	constructor() {
-		// do nothing
-	}
-	bind() {
-		// do nothing
-	}
-	unbind() {
-		// do nothing
-	}
-	load() {
-		// do nothing
-	}
-	play() {
-		// do nothing
-	}
-	pause() {
-		// do nothing
-	}
-	toggle() {
-		// do nothing
-	}
-	seekTo() {
-		// do nothing
-	}
-	setVolume() {
-		// do nothing
-	}
-	next() {
-		// do nothing
-	}
-	prev() {
-		// do nothing
-	}
-	skip() {
-		// do nothing
-	}
-	getVolume() {
-		return 0;
-	}
-	getDuration() {
-		return 0;
-	}
-	getPosition() {
-		return 0;
-	}
-	getSounds() {
-		return [];
-	}
-	getCurrentSound() {
-		return {};
-	}
-	getCurrentSoundIndex() {
-		return 0;
-	}
-	isPaused() {
-		return false;
-	}
-}
-
 const soundCloudWidgetEvents: SoundCloudWidgetEvents = {
 	LOAD_PROGRESS: 'loadProgress',
 	PLAY_PROGRESS: 'playProgress',
@@ -96,30 +34,100 @@ const soundCloudWidgetEvents: SoundCloudWidgetEvents = {
 	ERROR: 'error'
 };
 
-function Widget() {
-	return new SoundCloudPlayerMock();
-}
+describe('testPlayerMethods', function () {
+	testPlayerMethods(SoundCloudSvelte, new SoundCloudPlayerMock(), {
+		play: 'play',
+		pause: 'pause',
+		stop: null,
+		seekTo: 'seekTo',
+		setVolume: 'setVolume',
+		mute: 'setVolume',
+		unmute: 'setVolume'
+	});
+});
 
-Widget.Events = soundCloudWidgetEvents;
+test('load()', async function (t) {
+	t.expect.assertions(3);
 
-const PLAYERJS_SDK: SoundCloud = {
-	Widget
-};
+	vi.doMock('./SoundCloudPlayer.mock', function () {
+		const Player = vi.fn();
+		Player.prototype.bind = vi.fn();
+		Player.prototype.getDuration = vi.fn(function (fn) {
+			fn(1000);
+		});
+		Player.prototype.load = vi.fn(function (_, options) {
+			options.callback();
+		});
 
-describe('testPlayerMethods', () => {
-	testPlayerMethods({
-		Player: SoundCloudSvelte,
-		playerSDK: PLAYERJS_SDK,
-		loadParameters: [TEST_URL, false],
-		methods: {
-			play: 'play',
-			pause: 'pause',
-			stop: null,
-			seekTo: 'seekTo',
-			setVolume: 'setVolume',
-			mute: 'setVolume',
-			unmute: 'setVolume'
-		},
+		return { default: Player };
+	});
+
+	const SoundCloudPlayerMock = (await import('./SoundCloudPlayer.mock')).default;
+
+	function Widget(container: string | HTMLIFrameElement) {
+		t.expect((container as HTMLIFrameElement).className).contains('soundcloud-player');
+		return new SoundCloudPlayerMock();
+	}
+
+	Widget.Events = soundCloudWidgetEvents;
+
+	const getSDK = vi.spyOn(utils, 'getSDK').mockImplementation(async function () {
+		return { Widget };
+	});
+
+	return new Promise(function (resolve) {
+		const onReady = vi.fn(function () {
+			t.expect(true).toBeTruthy();
+			resolve(undefined);
+		});
+
+		const instance = new SoundCloudSvelte({
+			target: document.body,
+			props: TEST_PROPS
+		});
+
+		instance.$on('ready', onReady);
+		instance.load(TEST_URL);
+
+		t.expect(getSDK).toHaveBeenCalledOnce();
+		getSDK.mockRestore();
+	});
+});
+
+test('getDuration()', function (t) {
+	const instance = new SoundCloudSvelte({
+		target: document.body,
+		props: TEST_PROPS
+	});
+	instance._setDuration(10);
+	t.expect(instance.getDuration()).toStrictEqual(10);
+});
+
+test('getCurrentTime()', function (t) {
+	const instance = new SoundCloudSvelte({
+		target: document.body,
+		props: TEST_PROPS
+	});
+	instance._setCurrentTime(5);
+	t.expect(instance.getCurrentTime()).toStrictEqual(5);
+});
+
+test('getSecondsLoaded()', function (t) {
+	const instance = new SoundCloudSvelte({
+		target: document.body,
 		props: TEST_PROPS
 	});
+	instance._setDuration(10);
+	instance._setFractionLoaded(0.5);
+	t.expect(instance.getSecondsLoaded()).toStrictEqual(5);
+});
+
+test('render()', function (t) {
+	const wrapper = render(SoundCloudSvelte, TEST_PROPS);
+
+	const element = wrapper.container.querySelector('.soundcloud-player') as HTMLIFrameElement;
+	t.expect(element).not.toStrictEqual(null);
+	t.expect(element.frameBorder).toStrictEqual('0');
+	t.expect(element.className).includes('soundcloud-player');
+	t.expect(element.title).toStrictEqual('SoundCloud Player');
 });
diff --git a/src/test/players/SoundCloudPlayer.mock.ts b/src/test/players/SoundCloudPlayer.mock.ts
new file mode 100644
index 0000000..05e5ffe
--- /dev/null
+++ b/src/test/players/SoundCloudPlayer.mock.ts
@@ -0,0 +1,63 @@
+import type { SoundCloudPlayer } from '../../lib/players/soundcloud.global.types';
+
+class SoundCloudPlayerMock implements SoundCloudPlayer {
+	constructor() {
+		// do nothing
+	}
+	bind() {
+		// do nothing
+	}
+	unbind() {
+		// do nothing
+	}
+	load() {
+		// do nothing
+	}
+	play() {
+		// do nothing
+	}
+	pause() {
+		// do nothing
+	}
+	toggle() {
+		// do nothing
+	}
+	seekTo() {
+		// do nothing
+	}
+	setVolume() {
+		// do nothing
+	}
+	next() {
+		// do nothing
+	}
+	prev() {
+		// do nothing
+	}
+	skip() {
+		// do nothing
+	}
+	getVolume() {
+		return 0;
+	}
+	getDuration() {
+		return 0;
+	}
+	getPosition() {
+		return 0;
+	}
+	getSounds() {
+		return [];
+	}
+	getCurrentSound() {
+		return {};
+	}
+	getCurrentSoundIndex() {
+		return 0;
+	}
+	isPaused() {
+		return false;
+	}
+}
+
+export default SoundCloudPlayerMock;
diff --git a/src/test/players/Streamable.test.ts b/src/test/players/Streamable.test.ts
index 09132d4..8d54e94 100644
--- a/src/test/players/Streamable.test.ts
+++ b/src/test/players/Streamable.test.ts
@@ -1,9 +1,9 @@
-import type { PlayerJS, PlayerJSPlayer } from '../../lib/players/playerjs.global.types';
-
-import { describe } from 'vitest';
+import { test, vi, describe } from 'vitest';
+import { render } from '@testing-library/svelte';
 import testPlayerMethods from '../helpers/testPlayerMethods';
-
 import StreamableSvelte from '../../lib/players/Streamable.svelte';
+import * as utils from '../../lib/players/utils';
+import PlayerJSPlayerMock from './PlayerJSPlayer.mock';
 
 const TEST_URL = 'https://streamable.com/moo';
 const TEST_PROPS = {
@@ -12,69 +12,11 @@ const TEST_PROPS = {
 	url: TEST_URL
 };
 
-class PlajerJSPlayerMock implements PlayerJSPlayer {
-	isReady = false;
-
-	constructor() {
-		// do nothing
-	}
-	getCurrentTime() {
-		// do nothing
-	}
-	getMuted() {
-		// do nothing
-	}
-	getDuration() {
-		return 0;
-	}
-	getPaused() {
-		// do nothing
-	}
-	getVolume() {
-		return 0;
-	}
-	mute() {
-		// do nothing
-	}
-	off() {
-		// do nothing
-	}
-	on() {
-		// do nothing
-	}
-	pause() {
-		// do nothing
-	}
-	play() {
-		// do nothing
-	}
-	setCurrentTime() {
-		// do nothing
-	}
-	setLoop() {
-		// do nothing
-	}
-	setVolume() {
-		// do nothing
-	}
-	supports() {
-		return false;
-	}
-	unmute() {
-		// do nothing
-	}
-}
-
-const PLAYERJS_SDK: PlayerJS = {
-	Player: PlajerJSPlayerMock
-};
-
-describe('testPlayerMethods', () => {
-	testPlayerMethods({
-		Player: StreamableSvelte,
-		playerSDK: PLAYERJS_SDK,
-		loadParameters: [TEST_URL, false],
-		methods: {
+describe('testPlayerMethods', function () {
+	testPlayerMethods(
+		StreamableSvelte,
+		new PlayerJSPlayerMock(),
+		{
 			play: 'play',
 			pause: 'pause',
 			stop: null,
@@ -83,6 +25,88 @@ describe('testPlayerMethods', () => {
 			mute: 'mute',
 			unmute: 'unmute'
 		},
+		TEST_PROPS
+	);
+});
+
+test('load()', async function (t) {
+	t.expect.assertions(3);
+	vi.doMock('./PlayerJSPlayer.mock', function () {
+		const Player = vi.fn(function (iframe) {
+			t.expect(iframe.className).includes('streamable-player');
+		});
+
+		Player.prototype.on = vi.fn(function (event, fn) {
+			if (event === 'ready') {
+				setTimeout(fn, 100);
+			}
+		});
+
+		Player.prototype.setLoop = vi.fn(function () {
+			return null;
+		});
+
+		return { default: Player };
+	});
+
+	const Player = (await import('./PlayerJSPlayer.mock')).default;
+	const getSDK = vi.spyOn(utils, 'getSDK').mockImplementation(async function () {
+		return { Player };
+	});
+
+	return new Promise(function (resolve) {
+		const onReady = vi.fn(function () {
+			t.expect(true).toBeTruthy();
+			resolve(undefined);
+		});
+
+		const instance = new StreamableSvelte({
+			target: document.body,
+			props: TEST_PROPS
+		});
+
+		instance.$on('ready', onReady);
+		instance.load();
+
+		t.expect(getSDK).toHaveBeenCalledOnce();
+		getSDK.mockRestore();
+	});
+});
+
+test('getDuration()', function (t) {
+	const instance = new StreamableSvelte({
+		target: document.body,
+		props: TEST_PROPS
+	});
+	instance._setDuration(10);
+	t.expect(instance.getDuration()).toStrictEqual(10);
+});
+
+test('getCurrentTime()', function (t) {
+	const instance = new StreamableSvelte({
+		target: document.body,
 		props: TEST_PROPS
 	});
+	instance._setCurrentTime(5);
+	t.expect(instance.getCurrentTime()).toStrictEqual(5);
+});
+
+test('getSecondsLoaded()', function (t) {
+	const instance = new StreamableSvelte({
+		target: document.body,
+		props: TEST_PROPS
+	});
+	instance._setSecondsLoaded(5);
+	t.expect(instance.getSecondsLoaded()).toStrictEqual(5);
+});
+
+test('render()', function (t) {
+	const wrapper = render(StreamableSvelte, TEST_PROPS);
+
+	const element = wrapper.container.querySelector('.streamable-player') as HTMLIFrameElement;
+	t.expect(element).not.toStrictEqual(null);
+	t.expect(element.frameBorder).toStrictEqual('0');
+	t.expect(element.scrolling).toStrictEqual('no');
+	t.expect(element.className).includes('streamable-player');
+	t.expect(element.title).toStrictEqual('Streamable Player');
 });
diff --git a/src/test/players/Twitch.test.ts b/src/test/players/Twitch.test.ts
index 3db589c..16171cb 100644
--- a/src/test/players/Twitch.test.ts
+++ b/src/test/players/Twitch.test.ts
@@ -1,20 +1,17 @@
-import type {
-	Twitch,
-	TwitchPlayer,
-	TwitchPlaybackStats
-} from '../../lib/players/twitch.global.types';
 import type { TwitchConfig } from '../../lib/players/twitch.types';
 
-import { describe } from 'vitest';
+import { test, vi, describe } from 'vitest';
+import { render } from '@testing-library/svelte';
 import testPlayerMethods from '../helpers/testPlayerMethods';
-
 import TwitchSvelte from '../../lib/players/Twitch.svelte';
+import * as utils from '../../lib/players/utils';
+import TwitchPlayerMock from './TwitchPlayerPlayer.mock';
 
 const TEST_URL = 'https://www.twitch.tv/videos/106400740';
 
 const TEST_CONFIG: TwitchConfig = {
 	options: {},
-	playerId: null
+	playerId: 'mock-player-id'
 };
 
 const TEST_PROPS = {
@@ -25,114 +22,11 @@ const TEST_PROPS = {
 	config: TEST_CONFIG
 };
 
-const twitchPlaybackStats: TwitchPlaybackStats = {
-	backendVersion: '',
-	bufferSize: 0,
-	codecs: '',
-	displayResolution: '',
-	fps: '',
-	hlsLatencyBroadcaster: 0,
-	playbackRate: 0,
-	skippedFrames: 0,
-	videoResolution: ''
-};
-
-class TwitchPlayerMock implements TwitchPlayer {
-	constructor() {
-		// do nothing
-	}
-	disableCaptions() {
-		// do nothing
-	}
-	enableCaptions() {
-		// do nothing
-	}
-	pause() {
-		// do nothing
-	}
-	play() {
-		// do nothing
-	}
-	seek() {
-		// do nothing
-	}
-	setChannel() {
-		// do nothing
-	}
-	setCollection() {
-		// do nothing
-	}
-	setQuality() {
-		// do nothing
-	}
-	setVideo() {
-		// do nothing
-	}
-	getMuted() {
-		return false;
-	}
-	setMuted() {
-		// do nothing
-	}
-	getVolume() {
-		return 0;
-	}
-	setVolume() {
-		// do nothing
-	}
-	getPlaybackStats() {
-		return twitchPlaybackStats;
-	}
-	getChannel() {
-		return '';
-	}
-	getCurrentTime() {
-		return 0;
-	}
-	getDuration() {
-		return 0;
-	}
-	getEnded() {
-		return false;
-	}
-	getQualities() {
-		return [];
-	}
-	getQuality() {
-		return '';
-	}
-	getVideo() {
-		return '';
-	}
-	isPaused() {
-		return false;
-	}
-	addEventListener() {
-		// do nothing
-	}
-
-	static CAPTIONS = 'captions' as const;
-	static ENDED = 'ended' as const;
-	static PAUSE = 'pause' as const;
-	static PLAY = 'play' as const;
-	static PLAYBACK_BLOCKED = 'playbackBlocked' as const;
-	static PLAYING = 'playing' as const;
-	static OFFLINE = 'offline' as const;
-	static ONLINE = 'online' as const;
-	static READY = 'ready' as const;
-	static SEEK = 'seek' as const;
-}
-
-const PLAYERJS_SDK: Twitch = {
-	Player: TwitchPlayerMock
-};
-
-describe('testPlayerMethods', () => {
-	testPlayerMethods({
-		Player: TwitchSvelte,
-		playerSDK: PLAYERJS_SDK,
-		loadParameters: [TEST_URL, false],
-		methods: {
+describe('testPlayerMethods', function () {
+	testPlayerMethods(
+		TwitchSvelte,
+		new TwitchPlayerMock(),
+		{
 			play: 'play',
 			pause: 'pause',
 			stop: 'pause',
@@ -144,6 +38,60 @@ describe('testPlayerMethods', () => {
 			getCurrentTime: 'getCurrentTime',
 			getSecondsLoaded: null
 		},
-		props: TEST_PROPS
+		TEST_PROPS
+	);
+});
+
+test('load()', async function (t) {
+	t.expect.assertions(3);
+
+	vi.doMock('./TwitchPlayerPlayer.mock', function () {
+		const Player = function (id: string) {
+			t.expect(id).toStrictEqual('mock-player-id');
+		};
+
+		Player.READY = 'READY';
+		Player.PLAY = 'PLAY';
+		Player.PAUSE = 'PAUSE';
+		Player.ENDED = 'ENDED';
+		Player.prototype.addEventListener = vi.fn(function (event, fn) {
+			if (event === 'READY') {
+				setTimeout(fn, 100);
+			}
+		});
+
+		return { default: Player };
 	});
+
+	const Player = (await import('./TwitchPlayerPlayer.mock')).default;
+	const getSDK = vi.spyOn(utils, 'getSDK').mockImplementation(async function () {
+		return { Player };
+	});
+
+	return new Promise(function (resolve) {
+		const onReady = vi.fn(function () {
+			t.expect(true).toBeTruthy();
+			resolve(undefined);
+		});
+
+		const instance = new TwitchSvelte({
+			target: document.body,
+			props: TEST_PROPS
+		});
+
+		instance.$on('ready', onReady);
+		instance.load(TEST_URL);
+
+		t.expect(getSDK).toHaveBeenCalledOnce();
+		getSDK.mockRestore();
+	});
+});
+
+test('render()', function (t) {
+	const wrapper = render(TwitchSvelte, TEST_PROPS);
+
+	const element = wrapper.container.querySelector('.twitch-player') as HTMLIFrameElement;
+	t.expect(element).not.toStrictEqual(null);
+	t.expect(element.className).includes('twitch-player');
+	t.expect(element.id).toStrictEqual('mock-player-id');
 });
diff --git a/src/test/players/TwitchPlayerPlayer.mock.ts b/src/test/players/TwitchPlayerPlayer.mock.ts
new file mode 100644
index 0000000..4b8145c
--- /dev/null
+++ b/src/test/players/TwitchPlayerPlayer.mock.ts
@@ -0,0 +1,101 @@
+import type { TwitchPlayer, TwitchPlaybackStats } from '../../lib/players/twitch.global.types';
+
+const twitchPlaybackStats: TwitchPlaybackStats = {
+	backendVersion: '',
+	bufferSize: 0,
+	codecs: '',
+	displayResolution: '',
+	fps: '',
+	hlsLatencyBroadcaster: 0,
+	playbackRate: 0,
+	skippedFrames: 0,
+	videoResolution: ''
+};
+
+class TwitchPlayerMock implements TwitchPlayer {
+	constructor() {
+		// do nothing
+	}
+	disableCaptions() {
+		// do nothing
+	}
+	enableCaptions() {
+		// do nothing
+	}
+	pause() {
+		// do nothing
+	}
+	play() {
+		// do nothing
+	}
+	seek() {
+		// do nothing
+	}
+	setChannel() {
+		// do nothing
+	}
+	setCollection() {
+		// do nothing
+	}
+	setQuality() {
+		// do nothing
+	}
+	setVideo() {
+		// do nothing
+	}
+	getMuted() {
+		return false;
+	}
+	setMuted() {
+		// do nothing
+	}
+	getVolume() {
+		return 0;
+	}
+	setVolume() {
+		// do nothing
+	}
+	getPlaybackStats() {
+		return twitchPlaybackStats;
+	}
+	getChannel() {
+		return '';
+	}
+	getCurrentTime() {
+		return 0;
+	}
+	getDuration() {
+		return 0;
+	}
+	getEnded() {
+		return false;
+	}
+	getQualities() {
+		return [];
+	}
+	getQuality() {
+		return '';
+	}
+	getVideo() {
+		return '';
+	}
+	isPaused() {
+		return false;
+	}
+	addEventListener() {
+		// do nothing
+	}
+
+	static CAPTIONS = 'captions' as const;
+	static ENDED = 'ended' as const;
+	static PAUSE = 'pause' as const;
+	static PLAY = 'play' as const;
+	static PLAYBACK_BLOCKED = 'playbackBlocked' as const;
+	static PLAYING = 'playing' as const;
+	static OFFLINE = 'offline' as const;
+	static ONLINE = 'online' as const;
+	static READY = 'ready' as const;
+	static SEEK = 'seek' as const;
+}
+
+export default TwitchPlayerMock;
diff --git a/src/test/players/Vimeo.test.ts b/src/test/players/Vimeo.test.ts
index 4284b74..6df58af 100644
--- a/src/test/players/Vimeo.test.ts
+++ b/src/test/players/Vimeo.test.ts
@@ -1,18 +1,11 @@
-import type {
-	Vimeo,
-	VimeoPlayer,
-	VimeoPlayerTextTrack,
-	VimeoPlayerChapter,
-	VimeoPlayerOptions,
-	VimeoEmbedOptions,
-	VimeoPlayerSetAutopauseParams
-} from '../../lib/players/vimeo.global.types';
 import type { ViemoConfig } from '../../lib/players/vimeo.types';
 
-import { describe } from 'vitest';
+import { test, vi, describe } from 'vitest';
+import { render } from '@testing-library/svelte';
 import testPlayerMethods from '../helpers/testPlayerMethods';
-
 import VimeoSvelte from '../../lib/players/Vimeo.svelte';
+import * as utils from '../../lib/players/utils';
+import VimeoPlayerMock from './VimeoPlayer.mock';
 
 const TEST_URL = 'https://vimeo.com/90509568';
 
@@ -30,163 +23,70 @@ const TEST_PROPS = {
 	config: TEST_CONFIG
 };
 
-const vimeoPlayerTextTrack: VimeoPlayerTextTrack = {
-	kind: '',
-	label: '',
-	language: '',
-	mode: ''
-};
+describe('testPlayerMethods', function () {
+	testPlayerMethods(VimeoSvelte, new VimeoPlayerMock(), {
+		play: 'play',
+		pause: 'pause',
+		stop: 'unload',
+		seekTo: 'setCurrentTime',
+		setVolume: 'setVolume',
+		mute: 'setVolume',
+		unmute: 'setVolume',
+		getDuration: null,
+		getCurrentTime: null,
+		getSecondsLoaded: null
+	});
+});
 
-const vimeoPlayerChapter: VimeoPlayerChapter = {
-	index: 0,
-	startTime: 0,
-	title: ''
-};
+test('load()', async function (t) {
+	t.expect.assertions(2);
 
-class VimeoPlayerMock implements VimeoPlayer {
-	constructor() {
-		// do nothing
-	}
-	async getAutopause() {
-		return false;
-	}
-	async getCurrentTime() {
-		return 0;
-	}
-	async getDuration() {
-		return 0;
-	}
-	async getEnded() {
-		return false;
-	}
-	async getLoop() {
-		return false;
-	}
-	async getPaused() {
-		return false;
-	}
-	async getPlaybackRate() {
-		return 0;
-	}
-	async getVolume() {
-		return 0;
-	}
-	async pause() {
-		// do nothing
-	}
-	async play() {
-		// do nothing
-	}
-	setAutopause<T extends VimeoEmbedOptions['autopause']>(params: VimeoPlayerSetAutopauseParams<T>) {
-		return params.autopause;
-	}
-	async setCurrentTime<T extends number>(seconds: T) {
-		return seconds;
-	}
-	async setLoop<T extends VimeoEmbedOptions['loop']>(loop: T) {
-		return loop;
-	}
-	async setPlaybackRate<T extends number>(playbackRate: T) {
-		return playbackRate;
-	}
-	async setVolume<T extends number>(volume: T) {
-		return volume;
-	}
-	async getChapters() {
-		return [];
-	}
-	async getCurrentChapter() {
-		return vimeoPlayerChapter;
-	}
-	async addCuePoint() {
-		return '';
-	}
-	async getCuePoints() {
-		return [];
-	}
-	async removeCuePoint<T extends string>(id: T) {
-		return id;
-	}
-	async disableTextTrack() {
-		// do nothing
-	}
-	async enableTextTrack() {
-		return vimeoPlayerTextTrack;
-	}
-	async getTextTracks() {
-		return [];
-	}
-	async destroy() {
-		// do nothing
-	}
-	async getColor() {
-		return '';
-	}
-	async getColors() {
-		return [];
-	}
-	async getVideoEmbedCode() {
-		return '';
-	}
-	async getVideoHeight() {
-		return 0;
-	}
-	async getVideoId() {
-		return 0;
-	}
-	async getVideoTitle() {
-		return '';
-	}
-	async getVideoUrl() {
-		return '';
-	}
-	async getVideoWidth() {
-		return 0;
-	}
-	async ready() {
-		// do nothing
-	}
-	setColor<T extends VimeoPlayerOptions['color']>(color: T) {
-		return color;
-	}
-	setColors<T extends VimeoPlayerOptions['colors']>(colors: T) {
-		return colors;
-	}
-	unload() {
-		// do nothing
-	}
-	async loadVideo() {
-		return 0;
-	}
-	on() {
-		// do nothing
-	}
-	off() {
-		// do nothing
-	}
-}
-
-const PLAYERJS_SDK: Vimeo = {
-	Player: VimeoPlayerMock
-};
+	vi.doMock('./VimeoPlayer.mock', function () {
+		const Player = vi.fn();
+
+		Player.prototype.ready = vi.fn(function () {
+			return Promise.resolve();
+		});
+		Player.prototype.getDuration = vi.fn(function () {
+			return Promise.resolve();
+		});
+		Player.prototype.on = vi.fn(function (event, fn) {
+			if (event === 'loaded') {
+				setTimeout(fn, 100);
+			}
+		});
+
+		return { default: Player };
+	});
 
-describe('testPlayerMethods', () => {
-	testPlayerMethods({
-		Player: VimeoSvelte,
-		playerSDK: PLAYERJS_SDK,
-		loadParameters: [TEST_URL],
-		methods: {
-			play: 'play',
-			pause: 'pause',
-			stop: 'unload',
-			seekTo: 'setCurrentTime',
-			setVolume: 'setVolume',
-			mute: 'setVolume',
-			unmute: 'setVolume',
-			getDuration: null,
-			getCurrentTime: null,
-			getSecondsLoaded: null
-		},
-		props: TEST_PROPS
+	const Player = (await import('./VimeoPlayer.mock')).default;
+	const getSDK = vi.spyOn(utils, 'getSDK').mockImplementation(async function () {
+		return { Player };
 	});
+
+	return new Promise(function (resolve) {
+		const onReady = vi.fn(function () {
+			t.expect(true).toBeTruthy();
+			resolve(undefined);
+		});
+
+		const instance = new VimeoSvelte({
+			target: document.body,
+			props: TEST_PROPS
+		});
+
+		instance.$on('ready', onReady);
+		instance.load(TEST_URL);
+
+		t.expect(getSDK).toHaveBeenCalledOnce();
+		getSDK.mockRestore();
+	});
+});
+
+test('render()', function (t) {
+	const wrapper = render(VimeoSvelte, TEST_PROPS);
+
+	const element = wrapper.container.querySelector('.vimeo-player') as HTMLIFrameElement;
+	t.expect(element).not.toStrictEqual(null);
+	t.expect(element.className).includes('vimeo-player');
 });
diff --git a/src/test/players/VimeoPlayer.mock.ts b/src/test/players/VimeoPlayer.mock.ts
new file mode 100644
index 0000000..d1b72cc
--- /dev/null
+++ b/src/test/players/VimeoPlayer.mock.ts
@@ -0,0 +1,146 @@
+import type {
+	VimeoPlayer,
+	VimeoPlayerTextTrack,
+	VimeoPlayerChapter,
+	VimeoPlayerOptions,
+	VimeoEmbedOptions,
+	VimeoPlayerSetAutopauseParams
+} from '../../lib/players/vimeo.global.types';
+
+const vimeoPlayerTextTrack: VimeoPlayerTextTrack = {
+	kind: '',
+	label: '',
+	language: '',
+	mode: ''
+};
+
+const vimeoPlayerChapter: VimeoPlayerChapter = {
+	index: 0,
+	startTime: 0,
+	title: ''
+};
+
+class VimeoPlayerMock implements VimeoPlayer {
+	constructor() {
+		// do nothing
+	}
+	async getAutopause() {
+		return false;
+	}
+	async getCurrentTime() {
+		return 0;
+	}
+	async getDuration() {
+		return 0;
+	}
+	async getEnded() {
+		return false;
+	}
+	async getLoop() {
+		return false;
+	}
+	async getPaused() {
+		return false;
+	}
+	async getPlaybackRate() {
+		return 0;
+	}
+	async getVolume() {
+		return 0;
+	}
+	async pause() {
+		// do nothing
+	}
+	async play() {
+		// do nothing
+	}
+	setAutopause<T extends VimeoEmbedOptions['autopause']>(params: VimeoPlayerSetAutopauseParams<T>) {
+		return params.autopause;
+	}
+	async setCurrentTime<T extends number>(seconds: T) {
+		return seconds;
+	}
+	async setLoop<T extends VimeoEmbedOptions['loop']>(loop: T) {
+		return loop;
+	}
+	async setPlaybackRate<T extends number>(playbackRate: T) {
+		return playbackRate;
+	}
+	async setVolume<T extends number>(volume: T) {
+		return volume;
+	}
+	async getChapters() {
+		return [];
+	}
+	async getCurrentChapter() {
+		return vimeoPlayerChapter;
+	}
+	async addCuePoint() {
+		return '';
+	}
+	async getCuePoints() {
+		return [];
+	}
+	async removeCuePoint<T extends string>(id: T) {
+		return id;
+	}
+	async disableTextTrack() {
+		// do nothing
+	}
+	async enableTextTrack() {
+		return vimeoPlayerTextTrack;
+	}
+	async getTextTracks() {
+		return [];
+	}
+	async destroy() {
+		// do nothing
+	}
+	async getColor() {
+		return '';
+	}
+	async getColors() {
+		return [];
+	}
+	async getVideoEmbedCode() {
+		return '';
+	}
+	async getVideoHeight() {
+		return 0;
+	}
+	async getVideoId() {
+		return 0;
+	}
+	async getVideoTitle() {
+		return '';
+	}
+	async getVideoUrl() {
+		return '';
+	}
+	async getVideoWidth() {
+		return 0;
+	}
+	async ready() {
+		// do nothing
+	}
+	setColor<T extends VimeoPlayerOptions['color']>(color: T) {
+		return color;
+	}
+	setColors<T extends VimeoPlayerOptions['colors']>(colors: T) {
+		return colors;
+	}
+	unload() {
+		// do nothing
+	}
+	async loadVideo() {
+		return 0;
+	}
+	on() {
+		// do nothing
+	}
+	off() {
+		// do nothing
+	}
+}
+
+export default VimeoPlayerMock;
diff --git a/src/test/players/Wistia.test.ts b/src/test/players/Wistia.test.ts
index 096b3e3..d4c0893 100644
--- a/src/test/players/Wistia.test.ts
+++ b/src/test/players/Wistia.test.ts
@@ -1,10 +1,11 @@
-import type { Wistia } from '../../lib/players/wistia.global.types';
 import type { WistiaConfig } from '../../lib/players/wistia.types';
 
-import { describe } from 'vitest';
+import { test, vi, describe } from 'vitest';
+import { render } from '@testing-library/svelte';
 import testPlayerMethods from '../helpers/testPlayerMethods';
-
 import WistiaSvelte from '../../lib/players/Wistia.svelte';
+import * as utils from '../../lib/players/utils';
+import WistiaPlayerMock from './WistiaPlayer.mock';
 
 const TEST_URL = 'https://home.wistia.com/medias/e4a27b971d';
 
@@ -22,18 +23,11 @@ const TEST_PROPS = {
 	config: TEST_CONFIG
 };
 
-const PLAYERJS_SDK: Wistia = {
-	defineControl() {
-		// do nothing
-	}
-};
-
-describe.skip('testPlayerMethods', () => {
-	testPlayerMethods({
-		Player: WistiaSvelte,
-		playerSDK: PLAYERJS_SDK,
-		loadParameters: [TEST_URL],
-		methods: {
+describe('testPlayerMethods', function () {
+	testPlayerMethods(
+		WistiaSvelte,
+		new WistiaPlayerMock(),
+		{
 			play: 'play',
 			pause: 'pause',
 			// stop: 'remove',
@@ -46,6 +40,52 @@ describe.skip('testPlayerMethods', () => {
 			getSecondsLoaded: null,
 			setPlaybackRate: 'playbackRate'
 		},
-		props: TEST_PROPS
+		TEST_PROPS
+	);
+});
+
+test('load()', async function (t) {
+	t.expect.assertions(4);
+
+	const Wistia = {
+		defineControl() {
+			// no implementation
+		}
+	};
+	const getSDK = vi.spyOn(utils, 'getSDK').mockImplementation(async function () {
+		return Wistia;
 	});
+
+	return new Promise(function (resolve) {
+		const onReady = vi.fn(function () {
+			t.expect(true).toBeTruthy();
+			resolve(undefined);
+		});
+
+		const instance = new WistiaSvelte({
+			target: document.body,
+			props: TEST_PROPS
+		});
+
+		instance.$on('ready', onReady);
+		instance.load();
+
+		setTimeout(() => {
+			t.expect(window._wq instanceof Array).toStrictEqual(true);
+			t.expect(window._wq.length === 1).toStrictEqual(true);
+			window._wq[0].onReady?.(new WistiaPlayerMock());
+		}, 100);
+
+		t.expect(getSDK).toHaveBeenCalledOnce();
+		getSDK.mockRestore();
+	});
+});
+
+test('render()', function (t) {
+	const wrapper = render(WistiaSvelte, TEST_PROPS);
+
+	const element = wrapper.container.querySelector('.wistia-player') as HTMLIFrameElement;
+	t.expect(element).not.toStrictEqual(null);
+	t.expect(element.className).includes('wistia-player');
+	t.expect(element.id).includes('mock-player-id');
 });
diff --git a/src/test/players/WistiaPlayer.mock.ts b/src/test/players/WistiaPlayer.mock.ts
new file mode 100644
index 0000000..6100f40
--- /dev/null
+++ b/src/test/players/WistiaPlayer.mock.ts
@@ -0,0 +1,149 @@
+import type {
+	WistiaPlayer,
+	WistiaHeightOption,
+	WistiaLookOption,
+	WistiaLOOKCHANGEEventCallbackData,
+	WistiaPlayerState,
+	WistiaQualityOption
+} from '../../lib/players/wistia.global.types';
+
+class WistiaPlayerMock implements WistiaPlayer {
+	constructor() {
+		// do nothing
+	}
+
+	addToPlaylist() {
+		// do nothing
+	}
+	aspect() {
+		return 0;
+	}
+	bind() {
+		// do nothing
+	}
+	cancelFullscreen() {
+		// do nothing
+	}
+	duration() {
+		return 0;
+	}
+	email(): string;
+	email(_: string): void;
+	email(_?: string): string | void {
+		// do nothing
+	}
+	embedded() {
+		return false;
+	}
+	eventKey() {
+		return '';
+	}
+	getSubtitlesScale() {
+		return 0;
+	}
+	hasData() {
+		return false;
+	}
+	hashedId() {
+		return '';
+	}
+	height(): number;
+	height(height: number, options?: Partial<WistiaHeightOption>): void;
+	height(_?: number, __?: Partial<WistiaHeightOption>): number | void {
+		// do nothing
+	}
+	inFullscreen() {
+		return false;
+	}
+	isMuted() {
+		return false;
+	}
+	look(): WistiaLOOKCHANGEEventCallbackData;
+	look(options: Partial<WistiaLookOption>): void;
+	look(_?: Partial<WistiaLookOption>): WistiaLOOKCHANGEEventCallbackData | void {
+		// do nothing
+	}
+	mute() {
+		// do nothing
+	}
+	name() {
+		return '';
+	}
+	pause() {
+		// do nothing
+	}
+	percentWatched() {
+		return 0;
+	}
+	play() {
+		// do nothing
+	}
+	playbackRate() {
+		// do nothing
+	}
+	ready() {
+		return false;
+	}
+	remove() {
+		// do nothing
+	}
+	replaceWith() {
+		// do nothing
+	}
+	requestFullscreen() {
+		// do nothing
+	}
+	secondsWatched() {
+		return 0;
+	}
+	secondsWatchedVector() {
+		return [];
+	}
+	setSubtitlesScale(scale: number) {
+		// do nothing
+	}
+	state(): WistiaPlayerState {
+		return 'beforeplay';
+	}
+	time(): number;
+	time(seconds: number): void;
+	time(_?: number): number | void {
+		// do nothing
+	}
+	unbind() {
+		// do nothing
+	}
+	unmute() {
+		// do nothing
+	}
+	videoHeight(): number;
+	videoHeight(pixels: number, options?: Partial<WistiaHeightOption>): void;
+	videoHeight(_?: number, __?: Partial<WistiaHeightOption>): number | void {
+		// do nothing
+	}
+	videoQuality(): WistiaQualityOption;
+	videoQuality(quality: WistiaQualityOption): void;
+	videoQuality(_?: WistiaQualityOption): WistiaQualityOption | void {
+		// do nothing
+	}
+	videoWidth(): number;
+	videoWidth(pixels: number, options?: Partial<WistiaHeightOption>): void;
+	videoWidth(_?: number, __?: Partial<WistiaHeightOption>): number | void {
+		// do nothing
+	}
+	visitorKey() {
+		return '';
+	}
+	volume(): number;
+	volume(volume: number): void;
+	volume(_?: number): number | void {
+		// do nothing
+	}
+	width(): number;
+	width(pixels: number): void;
+	width(_?: number): number | void {
+		// do nothing
+	}
+}
+
+export default WistiaPlayerMock;
diff --git a/src/test/players/YouTube.test.ts b/src/test/players/YouTube.test.ts
index 9c0cc75..763411b 100644
--- a/src/test/players/YouTube.test.ts
+++ b/src/test/players/YouTube.test.ts
@@ -1,25 +1,21 @@
-import type {
-	YTPlayerState,
-	YT,
-	YTPlayer,
-	YTPlaybackRate,
-	YTPlayerStateValue
-} from '../../lib/players/youtube.global.types';
+import type { YTPlayerState, YT } from '../../lib/players/youtube.global.types';
 import type { YouTubeConfig } from '../../lib/players/youtube.types';
 
-import { test, describe, beforeAll, afterAll, vi, expect } from 'vitest';
+import { test, describe, beforeAll, afterAll, vi } from 'vitest';
 import { render } from '@testing-library/svelte';
 
 import * as utils from '../../lib/players/utils';
 import YouTubeSvelte from '../../lib/players/YouTube.svelte';
 import testPlayerMethods from '../helpers/testPlayerMethods';
+import YouTubePlayerMock from './YouTubePlayer.mock';
 
-const TEST_URL = 'https://www.youtube.com/watch?v=oUFJJNQGwhk';
-const TEST_CONFIG: YouTubeConfig = {
+const TEST_URL_ID = 'oUFJJNQGwhk';
+const TEST_URL = `https://www.youtube.com/watch?v=${TEST_URL_ID}`;
+const TEST_CONFIG = {
 	playerVars: {},
 	embedOptions: {},
 	onUnstarted: utils.noop
-};
+} satisfies YouTubeConfig;
 
 const TEST_PROPS = {
 	controls: false,
@@ -29,142 +25,14 @@ const TEST_PROPS = {
 	config: TEST_CONFIG
 };
 
-const PLAYER_STATE: YTPlayerState = {
+const PLAYER_STATE = {
 	UNSTARTED: -1,
 	ENDED: 0,
 	PLAYING: 1,
 	PAUSED: 2,
 	BUFFERING: 3,
 	CUED: 5
-};
-
-class YouTubePlayerMock implements YTPlayer {
-	constructor() {
-		// do nothiing
-	}
-
-	cueVideoById() {
-		// do nothing
-	}
-
-	loadVideoById() {
-		// do nothing
-	}
-
-	cueVideoByUrl() {
-		// do nothing
-	}
-
-	loadVideoByUrl() {
-		// do nothing
-	}
-
-	cuePlaylist() {
-		// do nothing
-	}
-
-	loadPlaylist() {
-		// do nothing
-	}
-
-	playVideo() {
-		// do nothing
-	}
-	pauseVideo() {
-		// do nothing
-	}
-	stopVideo() {
-		// do nothing
-	}
-	seekTo() {
-		// do nothing
-	}
-	getSphericalProperties() {
-		return {};
-	}
-
-	setSphericalProperties() {
-		// do nothing
-	}
-	nextVideo() {
-		// do nothing
-	}
-	previousVideo() {
-		// do nothing
-	}
-	playVideoAt() {
-		// do nothing
-	}
-	mute() {
-		// do nothing
-	}
-	unMute() {
-		// do nothing
-	}
-	isMuted() {
-		return false;
-	}
-	setVolume() {
-		// do nothing
-	}
-	getVolume() {
-		return 0;
-	}
-	setSize() {
-		return {};
-	}
-	getPlaybackRate(): YTPlaybackRate {
-		return 1;
-	}
-	setPlaybackRate() {
-		// do nothing
-	}
-	getAvailablePlaybackRates(): YTPlaybackRate[] {
-		return [1];
-	}
-	setLoop() {
-		// do nothing
-	}
-	setShuffle() {
-		// do nothing
-	}
-	getVideoLoadedFraction() {
-		return 0;
-	}
-	getPlayerState(): YTPlayerStateValue {
-		return 0;
-	}
-	getCurrentTime() {
-		return 0;
-	}
-	getDuration() {
-		return 0;
-	}
-	getVideoUrl() {
-		return '';
-	}
-	getVideoEmbedCode() {
-		return '';
-	}
-	getPlaylist() {
-		return [''];
-	}
-	getPlaylistIndex() {
-		return 0;
-	}
-	addEventListener() {
-		// do nothing
-	}
-	removeEventListener() {
-		// do nothing
-	}
-	getIframe() {
-		return document.createElement('iframe');
-	}
-	destroy() {
-		// do nothing
-	}
-}
+} satisfies YTPlayerState;
 
 const YOUTUBE_SDK: YT = {
 	loaded: 1,
@@ -178,60 +46,91 @@ const YOUTUBE_SDK: YT = {
 	unsubscribe: utils.noop
 };
 
-describe('testPlayerMethods', () => {
-	beforeAll(() => {
-		vi.stubGlobal('location', {
-			...window.location,
-			origin: 'mock-origin'
-		});
+beforeAll(function () {
+	vi.stubGlobal('location', {
+		...window.location,
+		origin: 'mock-origin'
+	});
 
-		vi.stubGlobal('YT', {
-			PlayerState: PLAYER_STATE
-		});
+	vi.stubGlobal('YT', {
+		PlayerState: PLAYER_STATE
+	});
+});
 
-		vi.spyOn(document.body, 'contains').mockImplementation(() => true);
+afterAll(function () {
+	vi.unstubAllGlobals();
+});
+
+describe('testPlayerMethods', function () {
+	beforeAll(function () {
+		vi.spyOn(document.body, 'contains').mockImplementation(function () {
+			return true;
+		});
 	});
 
-	afterAll(() => {
-		vi.unstubAllGlobals();
+	afterAll(function () {
+		vi.resetAllMocks();
 	});
 
-	testPlayerMethods({
-		Player: YouTubeSvelte,
-		playerSDK: YOUTUBE_SDK,
-		loadParameters: [TEST_URL, false],
-		methods: {
-			play: 'playVideo',
-			pause: 'pauseVideo',
-			stop: 'stopVideo',
-			seekTo: 'seekTo',
-			setVolume: 'setVolume',
-			mute: 'mute',
-			unmute: 'unMute',
-			getDuration: 'getDuration',
-			getCurrentTime: 'getCurrentTime',
-			getSecondsLoaded: 'getVideoLoadedFraction',
-			setPlaybackRate: 'setPlaybackRate'
-		}
+	testPlayerMethods(YouTubeSvelte, new YouTubePlayerMock(), {
+		play: 'playVideo',
+		pause: 'pauseVideo',
+		stop: 'stopVideo',
+		seekTo: 'seekTo',
+		setVolume: 'setVolume',
+		mute: 'mute',
+		unmute: 'unMute',
+		getDuration: 'getDuration',
+		getCurrentTime: 'getCurrentTime',
+		getSecondsLoaded: 'getVideoLoadedFraction',
+		setPlaybackRate: 'setPlaybackRate'
 	});
 });
 
-test('load()', (t) => {
-	const getSDK = vi.spyOn(utils, 'getSDK').mockImplementation(async () => {
-		return YOUTUBE_SDK;
+test('load()', async function (t) {
+	t.expect.assertions(3);
+	vi.doMock('./YouTubePlayer.mock', function () {
+		const Player = vi.fn(function (container, options) {
+			t.expect(container.tagName).toStrictEqual('DIV');
+			setTimeout(options.events.onReady, 100);
+		});
+
+		return { default: Player };
 	});
 
-	const instance = new YouTubeSvelte({
-		target: document.body,
-		props: TEST_PROPS
+	const Player = (await import('./YouTubePlayer.mock')).default;
+	const getSDK = vi.spyOn(utils, 'getSDK').mockImplementation(async function () {
+		return { ...YOUTUBE_SDK, Player };
+	});
+
+	return new Promise(function (resolve) {
+		const onReady = vi.fn(function () {
+			t.expect(true).toBeTruthy();
+			resolve(undefined);
+		});
+
+		const instance = new YouTubeSvelte({
+			target: document.body,
+			props: TEST_PROPS
+		});
+		instance.$on('ready', onReady);
+		instance.load(TEST_URL);
+		t.expect(getSDK).toHaveBeenCalledOnce();
+		getSDK.mockRestore();
 	});
-	instance.load(TEST_URL);
-	t.expect(getSDK).toHaveBeenCalledOnce();
-	getSDK.mockRestore();
 });
 
-test('load() when ready', (t) => {
-	const getSDK = vi.spyOn(utils, 'getSDK').mockImplementation(async () => {
+test('load() when ready', async function (t) {
+	const cueVideoById = vi.fn();
+	vi.doMock('./YouTubePlayer.mock', function () {
+		const Player = vi.fn();
+		Player.prototype.cueVideoById = cueVideoById;
+
+		return { default: Player };
+	});
+
+	const Player = (await import('./YouTubePlayer.mock')).default;
+	const getSDK = vi.spyOn(utils, 'getSDK').mockImplementation(async function () {
 		return YOUTUBE_SDK;
 	});
 
@@ -239,87 +138,82 @@ test('load() when ready', (t) => {
 		target: document.body,
 		props: TEST_PROPS
 	});
+	instance._setPlayer(new Player());
 	instance.load(TEST_URL, true);
-	t.expect(getSDK).not.toHaveBeenCalledOnce();
+	t.expect(cueVideoById).toHaveBeenCalledWith({
+		videoId: TEST_URL_ID,
+		startSeconds: undefined,
+		endSeconds: undefined
+	});
+	t.expect(getSDK).not.toHaveBeenCalled();
 	getSDK.mockRestore();
 });
 
-describe('onStateChange()', () => {
-	beforeAll(() => {
-		vi.stubGlobal('YT', {
-			PlayerState: PLAYER_STATE
-		});
-	});
-
-	afterAll(() => {
-		vi.unstubAllGlobals();
-	});
-
-	test('onStateChange() - play', (t) => {
-		let calledPlay = false;
-		const onPlay = () => {
-			calledPlay = true;
-		};
-		let calledBufferEnd = false;
-		const onBufferEnd = () => {
-			calledBufferEnd = true;
-		};
-		const instance = new YouTubeSvelte({
-			target: document.body,
-			props: TEST_PROPS
-		});
-		instance.$on('play', onPlay);
-		instance.$on('bufferEnd', onBufferEnd);
-		instance.onStateChange({ data: PLAYER_STATE.PLAYING, target: expect.anything() });
-		t.expect(calledPlay && calledBufferEnd).toStrictEqual(true);
+test('onStateChange() - play', function (t) {
+	let calledPlay = false;
+	let calledBufferEnd = false;
+	function onPlay() {
+		calledPlay = true;
+	}
+	function onBufferEnd() {
+		calledBufferEnd = true;
+	}
+	const instance = new YouTubeSvelte({
+		target: document.body,
+		props: TEST_PROPS
 	});
+	instance.$on('play', onPlay);
+	instance.$on('bufferEnd', onBufferEnd);
+	instance.onStateChange({ data: PLAYER_STATE.PLAYING, target: t.expect.anything() });
+	t.expect(calledPlay && calledBufferEnd).toStrictEqual(true);
+});
 
-	test('onStateChange() - pause', async (t) => {
-		const onPause = vi.fn();
-		const instance = new YouTubeSvelte({
-			target: document.body,
-			props: TEST_PROPS
-		});
-		instance.$on('pause', onPause);
-		instance.onStateChange({ data: PLAYER_STATE.PAUSED, target: expect.anything() });
-		t.expect(onPause).toBeCalled();
+test('onStateChange() - pause', async function (t) {
+	const onPause = vi.fn();
+	const instance = new YouTubeSvelte({
+		target: document.body,
+		props: TEST_PROPS
 	});
+	instance.$on('pause', onPause);
+	instance.onStateChange({ data: PLAYER_STATE.PAUSED, target: t.expect.anything() });
+	t.expect(onPause).toBeCalled();
+});
 
-	test('onStateChange() - buffer', async (t) => {
-		const onBuffer = vi.fn();
-		const instance = new YouTubeSvelte({
-			target: document.body,
-			props: TEST_PROPS
-		});
-		instance.$on('buffer', onBuffer);
-		instance.onStateChange({ data: PLAYER_STATE.BUFFERING, target: expect.anything() });
-		t.expect(onBuffer).toBeCalled();
+test('onStateChange() - buffer', async function (t) {
+	const onBuffer = vi.fn();
+	const instance = new YouTubeSvelte({
+		target: document.body,
+		props: TEST_PROPS
 	});
+	instance.$on('buffer', onBuffer);
+	instance.onStateChange({ data: PLAYER_STATE.BUFFERING, target: t.expect.anything() });
+	t.expect(onBuffer).toBeCalled();
+});
 
-	test('onStateChange() - ended', async (t) => {
-		const onEnded = vi.fn();
-		const instance = new YouTubeSvelte({
-			target: document.body,
-			props: TEST_PROPS
-		});
-		instance.$on('ended', onEnded);
-		instance.onStateChange({ data: PLAYER_STATE.ENDED, target: expect.anything() });
-		t.expect(onEnded).toBeCalled();
+test('onStateChange() - ended', async function (t) {
+	const onEnded = vi.fn();
+	const instance = new YouTubeSvelte({
+		target: document.body,
+		props: TEST_PROPS
 	});
+	instance._setPlayer(new YouTubePlayerMock());
+	instance.$on('ended', onEnded);
+	instance.onStateChange({ data: PLAYER_STATE.ENDED, target: t.expect.anything() });
+	t.expect(onEnded).toBeCalled();
+});
 
-	test('onStateChange() - ready', async (t) => {
-		const onReady = vi.fn();
-		const instance = new YouTubeSvelte({
-			target: document.body,
-			props: TEST_PROPS
-		});
-		instance.$on('ready', onReady);
-		instance.onStateChange({ data: PLAYER_STATE.CUED, target: expect.anything() });
-		t.expect(onReady).toBeCalled();
+test('onStateChange() - ready', async function (t) {
+	const onReady = vi.fn();
+	const instance = new YouTubeSvelte({
+		target: document.body,
+		props: TEST_PROPS
 	});
+	instance.$on('ready', onReady);
+	instance.onStateChange({ data: PLAYER_STATE.CUED, target: t.expect.anything() });
+	t.expect(onReady).toBeCalled();
 });
 
-test('render()', (t) => {
+test('render()', function (t) {
 	const wrapper = render(YouTubeSvelte, TEST_PROPS);
 	t.expect(wrapper.container.querySelector('.youtube-player')).not.toStrictEqual(null);
 });
diff --git a/src/test/players/YouTubePlayer.mock.ts b/src/test/players/YouTubePlayer.mock.ts
new file mode 100644
index 0000000..d2a1b6f
--- /dev/null
+++ b/src/test/players/YouTubePlayer.mock.ts
@@ -0,0 +1,135 @@
+import type {
+	YTPlayer,
+	YTPlaybackRate,
+	YTPlayerStateValue
+} from '../../lib/players/youtube.global.types';
+
+class YouTubePlayerMock implements YTPlayer {
+	constructor() {
+		// do nothiing
+	}
+
+	cueVideoById() {
+		// do nothing
+	}
+
+	loadVideoById() {
+		// do nothing
+	}
+
+	cueVideoByUrl() {
+		// do nothing
+	}
+
+	loadVideoByUrl() {
+		// do nothing
+	}
+
+	cuePlaylist() {
+		// do nothing
+	}
+
+	loadPlaylist() {
+		// do nothing
+	}
+
+	playVideo() {
+		// do nothing
+	}
+	pauseVideo() {
+		// do nothing
+	}
+	stopVideo() {
+		// do nothing
+	}
+	seekTo() {
+		// do nothing
+	}
+	getSphericalProperties() {
+		return {};
+	}
+
+	setSphericalProperties() {
+		// do nothing
+	}
+	nextVideo() {
+		// do nothing
+	}
+	previousVideo() {
+		// do nothing
+	}
+	playVideoAt() {
+		// do nothing
+	}
+	mute() {
+		// do nothing
+	}
+	unMute() {
+		// do nothing
+	}
+	isMuted() {
+		return false;
+	}
+	setVolume() {
+		// do nothing
+	}
+	getVolume() {
+		return 0;
+	}
+	setSize() {
+		return {};
+	}
+	getPlaybackRate(): YTPlaybackRate {
+		return 1;
+	}
+	setPlaybackRate() {
+		// do nothing
+	}
+	getAvailablePlaybackRates(): YTPlaybackRate[] {
+		return [1];
+	}
+	setLoop() {
+		// do nothing
+	}
+	setShuffle() {
+		// do nothing
+	}
+	getVideoLoadedFraction() {
+		return 0;
+	}
+	getPlayerState(): YTPlayerStateValue {
+		return 0;
+	}
+	getCurrentTime() {
+		return 0;
+	}
+	getDuration() {
+		return 0;
+	}
+	getVideoUrl() {
+		return '';
+	}
+	getVideoEmbedCode() {
+		return '';
+	}
+	getPlaylist() {
+		return [''];
+	}
+	getPlaylistIndex() {
+		return 0;
+	}
+	addEventListener() {
+		// do nothing
+	}
+	removeEventListener() {
+		// do nothing
+	}
+	getIframe() {
+		return document.createElement('iframe');
+	}
+	destroy() {
+		// do nothing
+	}
+}
+
+export default YouTubePlayerMock;
diff --git a/src/test/utils/getSDK.test.ts b/src/test/utils/getSDK.test.ts
index 72c8934..22cbf36 100644
--- a/src/test/utils/getSDK.test.ts
+++ b/src/test/utils/getSDK.test.ts
@@ -1,163 +1,142 @@
 import { test, beforeEach, vi } from 'vitest';
 import { getSDK } from '../../lib/players/utils';
 
-const delay = (ms: number) => new Promise((resolve) => setTimeout(resolve, ms));
+const delay = function (ms: number) {
+	return new Promise(function (resolve) {
+		return setTimeout(resolve, ms);
+	});
+};
 
-beforeEach(() => {
+beforeEach(function () {
 	vi.unstubAllGlobals();
+	vi.restoreAllMocks();
 });
 
-test('loads script', async (t) => {
-	const loadScriptOverride = vi.fn().mockImplementation(async (_, cb) => {
+test('loads script', async function (t) {
+	const loadScriptOverride = vi.fn().mockImplementation(async function (_, cb) {
 		await delay(100);
 		vi.stubGlobal('YT', 'sdk');
 		cb();
 	});
 
-	const sdk = await getSDK({
-		url: 'http://example.com/abc.js',
-		sdkGlobal: 'YT',
-		sdkReady: undefined,
-		isLoaded: undefined,
-		fetchScript: loadScriptOverride
-	});
+	const sdk = await getSDK(
+		'http://example.com/abc.js',
+		'YT',
+		undefined,
+		undefined,
+		loadScriptOverride
+	);
 	t.expect(sdk).toStrictEqual('sdk');
 	t.expect(loadScriptOverride).toHaveBeenCalledOnce();
 });
 
-test('throws on error', async (t) => {
-	const loadScriptOverride = vi.fn().mockImplementation(async (_, cb) => {
+test('throws on error', async function (t) {
+	const loadScriptOverride = vi.fn().mockImplementation(async function (_, cb) {
 		await delay(100);
 		cb(new Error('Load error'));
 	});
 	await t
-		.expect(
-			getSDK({
-				url: 'http://example.com/throws.js',
-				sdkGlobal: 'YT',
-				sdkReady: undefined,
-				isLoaded: undefined,
-				fetchScript: loadScriptOverride
-			})
-		)
+		.expect(getSDK('http://example.com/throws.js', 'YT', undefined, undefined, loadScriptOverride))
 		.rejects.toThrow();
 	t.expect(loadScriptOverride).toHaveBeenCalledOnce();
 });
 
-test('does not fetch again when loaded', async (t) => {
+test('does not fetch again when loaded', async function (t) {
 	const loadScriptOverride = vi.fn();
 	vi.stubGlobal('YT', 'sdk');
-	const sdk = await getSDK({
-		url: 'http://example.com/def.js',
-		sdkGlobal: 'YT',
-		sdkReady: undefined,
-		isLoaded: undefined,
-		fetchScript: loadScriptOverride
-	});
+	const sdk = await getSDK(
+		'http://example.com/def.js',
+		'YT',
+		undefined,
+		undefined,
+		loadScriptOverride
+	);
 	t.expect(sdk).toStrictEqual('sdk');
 	t.expect(loadScriptOverride).not.toHaveBeenCalled();
 });
 
-test('does not fetch again when loading', async (t) => {
-	const loadScriptOverride = vi.fn().mockImplementation(async (_, cb) => {
+test('does not fetch again when loading', async function (t) {
+	const loadScriptOverride = vi.fn().mockImplementation(async function (_, cb) {
 		await delay(100);
 		vi.stubGlobal('YT', 'sdk');
 		cb();
 	});
 	const result = await Promise.all([
-		getSDK({
-			url: 'http://example.com/ghi.js',
-			sdkGlobal: 'YT',
-			sdkReady: undefined,
-			isLoaded: undefined,
-			fetchScript: loadScriptOverride
-		}),
-		getSDK({
-			url: 'http://example.com/ghi.js',
-			sdkGlobal: 'YT',
-			sdkReady: undefined,
-			isLoaded: undefined,
-			fetchScript: loadScriptOverride
-		})
+		getSDK('http://example.com/ghi.js', 'YT', undefined, undefined, loadScriptOverride),
+		getSDK('http://example.com/ghi.js', 'YT', undefined, undefined, loadScriptOverride)
 	]);
 	t.expect(result[0]).toStrictEqual('sdk');
 	t.expect(result[1]).toStrictEqual('sdk');
 	t.expect(loadScriptOverride).toHaveBeenCalledOnce();
 });
 
-test('does fetch again after fetch error', async (t) => {
-	const loadScriptOverrideError = vi.fn().mockImplementation(async (_, cb) => {
+test('does fetch again after fetch error', async function (t) {
+	const loadScriptOverrideError = vi.fn().mockImplementation(async function (_, cb) {
 		await delay(100);
 		cb(new Error('Load error'));
 	});
-	const loadScriptOverride = vi.fn().mockImplementation(async (_, cb) => {
+	const loadScriptOverride = vi.fn().mockImplementation(async function (_, cb) {
 		await delay(100);
 		vi.stubGlobal('YT', 'sdk');
 		cb();
 	});
 	await t
 		.expect(
-			getSDK({
-				url: 'http://example.com/pqr.js',
-				sdkGlobal: 'YT',
-				sdkReady: undefined,
-				isLoaded: undefined,
-				fetchScript: loadScriptOverrideError
-			})
+			getSDK('http://example.com/pqr.js', 'YT', undefined, undefined, loadScriptOverrideError)
 		)
 		.rejects.toThrow();
-	const sdk = await getSDK({
-		url: 'http://example.com/pqr.js',
-		sdkGlobal: 'YT',
-		sdkReady: undefined,
-		isLoaded: undefined,
-		fetchScript: loadScriptOverride
-	});
+	const sdk = await getSDK(
+		'http://example.com/pqr.js',
+		'YT',
+		undefined,
+		undefined,
+		loadScriptOverride
+	);
 	t.expect(sdk).toStrictEqual('sdk');
 	t.expect(loadScriptOverrideError).toHaveBeenCalledOnce();
 	t.expect(loadScriptOverride).toHaveBeenCalledOnce();
 });
 
-test('waits for sdkReady callback', async (t) => {
-	const loadScriptOverride = vi.fn().mockImplementation(async (_, cb) => {
+test('waits for sdkReady callback', async function (t) {
+	const loadScriptOverride = vi.fn().mockImplementation(async function (_, cb) {
 		cb();
 		await delay(100);
 		vi.stubGlobal('YT', 'sdk');
 		window.onYouTubeIframeAPIReady(); // This doesn't work for some reason?
 	});
-	const sdk = await getSDK({
-		url: 'http://example.com/jkl.js',
-		sdkGlobal: 'YT',
-		sdkReady: 'onYouTubeIframeAPIReady',
-		isLoaded: undefined,
-		fetchScript: loadScriptOverride
-	});
+	const sdk = await getSDK(
+		'http://example.com/jkl.js',
+		'YT',
+		'onYouTubeIframeAPIReady',
+		undefined,
+		loadScriptOverride
+	);
 	t.expect(sdk).toStrictEqual('sdk');
 	t.expect(loadScriptOverride).toHaveBeenCalledOnce();
 });
 
-test('multiple sdkReady callbacks', async (t) => {
-	const loadScriptOverride = vi.fn().mockImplementation(async (_, cb) => {
+test('multiple sdkReady callbacks', async function (t) {
+	const loadScriptOverride = vi.fn().mockImplementation(async function (_, cb) {
 		cb();
 		await delay(100);
 		vi.stubGlobal('YT', 'sdk');
 		window.onYouTubeIframeAPIReady();
 	});
 	const result = await Promise.all([
-		getSDK({
-			url: 'http://example.com/mno.js',
-			sdkGlobal: 'YT',
-			sdkReady: 'onYouTubeIframeAPIReady',
-			isLoaded: undefined,
-			fetchScript: loadScriptOverride
-		}),
-		getSDK({
-			url: 'http://example.com/mno.js',
-			sdkGlobal: 'YT',
-			sdkReady: 'onYouTubeIframeAPIReady',
-			isLoaded: undefined,
-			fetchScript: loadScriptOverride
-		})
+		getSDK(
+			'http://example.com/mno.js',
+			'YT',
+			'onYouTubeIframeAPIReady',
+			undefined,
+			loadScriptOverride
+		),
+		getSDK(
+			'http://example.com/mno.js',
+			'YT',
+			'onYouTubeIframeAPIReady',
+			undefined,
+			loadScriptOverride
+		)
 	]);
 	t.expect(result[0]).toStrictEqual('sdk');
 	t.expect(result[1]).toStrictEqual('sdk');
diff --git a/src/test/utils/parseEndTime.test.ts b/src/test/utils/parseEndTime.test.ts
index 8e9510c..9d668be 100644
--- a/src/test/utils/parseEndTime.test.ts
+++ b/src/test/utils/parseEndTime.test.ts
@@ -3,25 +3,25 @@ import { parseEndTime } from '../../lib/players/utils';
 
 const YOUTUBE_URL = 'http://youtu.be/12345678901';
 
-test('parses seconds', (t) => {
+test('parses seconds', function (t) {
 	t.expect(parseEndTime(YOUTUBE_URL + '?end=162')).toStrictEqual(162);
 });
 
-test('parses stamps', (t) => {
+test('parses stamps', function (t) {
 	t.expect(parseEndTime(YOUTUBE_URL + '?end=48s')).toStrictEqual(48);
 	t.expect(parseEndTime(YOUTUBE_URL + '?end=3m15s')).toStrictEqual(195);
 	t.expect(parseEndTime(YOUTUBE_URL + '?end=1h36m17s')).toStrictEqual(5777);
 });
 
-test('parses with other params', (t) => {
+test('parses with other params', function (t) {
 	t.expect(parseEndTime(YOUTUBE_URL + '?param=1&end=32')).toStrictEqual(32);
 });
 
-test('parses using a hash', (t) => {
+test('parses using a hash', function (t) {
 	t.expect(parseEndTime(YOUTUBE_URL + '#end=32')).toStrictEqual(32);
 });
 
-test('returns undefined for invalid stamps', (t) => {
+test('returns undefined for invalid stamps', function (t) {
 	t.expect(parseEndTime(YOUTUBE_URL)).toStrictEqual(undefined);
 	t.expect(parseEndTime(YOUTUBE_URL + '?end=')).toStrictEqual(undefined);
 	t.expect(parseEndTime(YOUTUBE_URL + '?end=hms')).toStrictEqual(undefined);
diff --git a/src/test/utils/parseStartTime.test.ts b/src/test/utils/parseStartTime.test.ts
index 034fdcf..52c0e48 100644
--- a/src/test/utils/parseStartTime.test.ts
+++ b/src/test/utils/parseStartTime.test.ts
@@ -3,30 +3,30 @@ import { parseStartTime } from '../../lib/players/utils';
 
 const YOUTUBE_URL = 'http://youtu.be/12345678901';
 
-test('parses seconds', (t) => {
+test('parses seconds', function (t) {
 	t.expect(parseStartTime(YOUTUBE_URL + '?start=162')).toStrictEqual(162);
 });
 
-test('parses stamps', (t) => {
+test('parses stamps', function (t) {
 	t.expect(parseStartTime(YOUTUBE_URL + '?start=48s')).toStrictEqual(48);
 	t.expect(parseStartTime(YOUTUBE_URL + '?start=3m15s')).toStrictEqual(195);
 	t.expect(parseStartTime(YOUTUBE_URL + '?start=1h36m17s')).toStrictEqual(5777);
 });
 
-test('parses with other params', (t) => {
+test('parses with other params', function (t) {
 	t.expect(parseStartTime(YOUTUBE_URL + '?param=1&start=32')).toStrictEqual(32);
 });
 
-test('parses using t', (t) => {
+test('parses using t', function (t) {
 	t.expect(parseStartTime(YOUTUBE_URL + '?t=32')).toStrictEqual(32);
 });
 
-test('parses using a hash', (t) => {
+test('parses using a hash', function (t) {
 	t.expect(parseStartTime(YOUTUBE_URL + '#t=32')).toStrictEqual(32);
 	t.expect(parseStartTime(YOUTUBE_URL + '#start=32')).toStrictEqual(32);
 });
 
-test('returns undefined for invalid stamps', (t) => {
+test('returns undefined for invalid stamps', function (t) {
 	t.expect(parseStartTime(YOUTUBE_URL)).toStrictEqual(undefined);
 	t.expect(parseStartTime(YOUTUBE_URL + '?start=')).toStrictEqual(undefined);
 	t.expect(parseStartTime(YOUTUBE_URL + '?start=hms')).toStrictEqual(undefined);
diff --git a/src/test/utils/queryString.test.ts b/src/test/utils/queryString.test.ts
index 5cae722..4e1f2cc 100644
--- a/src/test/utils/queryString.test.ts
+++ b/src/test/utils/queryString.test.ts
@@ -1,7 +1,7 @@
 import { test } from 'vitest';
 import { queryString } from '../../lib/players/utils';
 
-test('generates query string', (t) => {
+test('generates query string', function (t) {
 	const object = {
 		a: 1,
 		b: 'abc',
diff --git a/src/test/utils/randomString.test.ts b/src/test/utils/randomString.test.ts
index 86e187c..d9e11d4 100644
--- a/src/test/utils/randomString.test.ts
+++ b/src/test/utils/randomString.test.ts
@@ -1,12 +1,12 @@
 import { test } from 'vitest';
 import { randomString } from '../../lib/players/utils';
 
-test('returns a 5 character string', (t) => {
+test('returns a 5 character string', function (t) {
 	t.expect(typeof randomString()).toStrictEqual('string');
 	t.expect(randomString().length).toStrictEqual(5);
 });
 
-test('returns different strings', (t) => {
+test('returns different strings', function (t) {
 	const a = randomString();
 	const b = randomString();
 	const c = randomString();
diff --git a/vitest.config.ts b/vitest.config.ts
index 4637504..3adf732 100644
--- a/vitest.config.ts
+++ b/vitest.config.ts
@@ -6,6 +6,7 @@ export default defineConfig({
 	test: {
 		include: ['src/**/*.{test,spec}.{js,mjs,cjs,ts,mts,cts,jsx,tsx}'],
 		globals: true,
-		environment: 'jsdom'
+		environment: 'jsdom',
+		alias: [{ find: /^svelte$/, replacement: 'svelte/internal' }]
 	}
 });