diff --git a/README.md b/README.md
index f15b8860..c6818123 100644
--- a/README.md
+++ b/README.md
@@ -319,8 +319,6 @@ The player exposes some custom CSS properties, locally scopped under the `.v-vli
 | `--vlite-controlBarBackground`        | `linear-gradient(to top, #000 -50%, transparent)` | Control bar background         |
 | `--vlite-controlsColor`               | `#fff\|#000`                                      | Controls color (video\|audio)  |
 | `--vlite-controlsOpacity`             | `0.9`                                             | Controls opacity               |
-| `--vlite-controlsIconWidth`           | `28px`                                            | Controls icon width            |
-| `--vlite-controlsIconHeight`          | `28px`                                            | Controls icon height           |
 | `--vlite-progressBarHeight`           | `5px`                                             | Progress bar height            |
 | `--vlite-progressBarBackground`       | `rgba(0 0 0 / 25%)`                               | Progress bar background        |
 
diff --git a/config/.eslintrc.js b/config/.eslintrc.js
index 3a2d09a8..cffab7e9 100644
--- a/config/.eslintrc.js
+++ b/config/.eslintrc.js
@@ -20,7 +20,7 @@ module.exports = {
 	plugins: ['prettier'],
 
 	rules: {
-		indent: ['error', 'tab', { ignoredNodes: ['TemplateLiteral *'] }],
+		indent: ['error', 'tab', { ignoredNodes: ['TemplateLiteral *'], SwitchCase: 1 }],
 		'no-tabs': 0,
 		'space-before-function-paren': [
 			'error',
@@ -31,6 +31,8 @@ module.exports = {
 	globals: {
 		document: false,
 		navigator: false,
-		window: false
+		window: false,
+		chrome: false,
+		cast: false
 	}
 }
diff --git a/config/webpack.config.js b/config/webpack.config.js
index ea1a780d..700f3aaa 100644
--- a/config/webpack.config.js
+++ b/config/webpack.config.js
@@ -46,6 +46,11 @@ const plugins = [
 		entrykey: 'plugins/pip',
 		library: `${libraryName}Pip`,
 		path: './src/plugins/pip/config'
+	},
+	{
+		entrykey: 'plugins/cast',
+		library: `${libraryName}Cast`,
+		path: './src/plugins/cast/config'
 	}
 ]
 
@@ -69,7 +74,8 @@ const generator = ({ entry, library = false, isProduction }) => {
 			export: 'default'
 		}
 	}
-	return {
+
+	const config = {
 		watch: !isProduction,
 		entry,
 		watchOptions: {
@@ -136,7 +142,6 @@ const generator = ({ entry, library = false, isProduction }) => {
 		},
 		context: appDirectory,
 		plugins: [
-			new webpack.ProgressPlugin(),
 			new MiniCssExtractPlugin({
 				filename: '[name].css',
 				chunkFilename: '[name].css'
@@ -180,6 +185,12 @@ const generator = ({ entry, library = false, isProduction }) => {
 			splitChunks: false
 		}
 	}
+
+	if (!isProduction) {
+		config.plugins.push(new webpack.ProgressPlugin())
+	}
+
+	return config
 }
 
 module.exports = (env, argv) => {
diff --git a/examples/html5/config.js b/examples/html5/config.js
index fc08ff5a..1623f84b 100644
--- a/examples/html5/config.js
+++ b/examples/html5/config.js
@@ -1,11 +1,22 @@
 import '../../dist/vlite.css'
 import '../../dist/plugins/subtitle.css'
+import '../../dist/plugins/cast.css'
 import Vlitejs from '../../dist/vlite.js'
 import VlitejsSubtitle from '../../dist/plugins/subtitle.js'
 import VlitejsPip from '../../dist/plugins/pip.js'
+import VlitejsCast from '../../dist/plugins/cast.js'
 
 Vlitejs.registerPlugin('subtitle', VlitejsSubtitle)
 Vlitejs.registerPlugin('pip', VlitejsPip)
+Vlitejs.registerPlugin('cast', VlitejsCast, {
+	textTrackStyle: {
+		backgroundColor: '#21212190'
+	},
+	metadata: {
+		title: 'The Jungle Book',
+		subtitle: 'Walt Disney Animation Studios'
+	}
+})
 
 /* eslint-disable no-unused-vars */
 const vlite = new Vlitejs('#player', {
@@ -24,7 +35,7 @@ const vlite = new Vlitejs('#player', {
 		muted: false,
 		autoHide: true
 	},
-	plugins: ['subtitle', 'pip'],
+	plugins: ['subtitle', 'pip', 'cast'],
 	onReady: function (player) {
 		console.log(player)
 
diff --git a/examples/html5/index.html b/examples/html5/index.html
index 41bde5b6..bb0c1867 100644
--- a/examples/html5/index.html
+++ b/examples/html5/index.html
@@ -8,6 +8,7 @@
 	<body>
 		<video crossorigin id="player" class="vlite-js" src="https://yoriiis.github.io/cdn/static/vlitejs/demo-video-html5.mp4">
 			<track label="English" kind="subtitles" srclang="en" src="https://yoriiis.github.io/cdn/static/vlitejs/demo-video-html5-subtitle-en.vtt" default />
+			<track label="French" kind="subtitles" srclang="fr" src="https://yoriiis.github.io/cdn/static/vlitejs/demo-video-html5-subtitle-fr.vtt" />
 		</video>
 	</body>
 </html>
diff --git a/examples/webpack.config.js b/examples/webpack.config.js
index 9d63dc2b..43efde62 100644
--- a/examples/webpack.config.js
+++ b/examples/webpack.config.js
@@ -11,7 +11,7 @@ const resolveApp = (relativePath) => path.resolve(appDirectory, relativePath)
 module.exports = (env, argv) => {
 	const isProduction = argv.mode === 'production'
 
-	return {
+	const config = {
 		entry: {
 			html5: `${resolveApp('examples/html5/config.js')}`,
 			audio: `${resolveApp('examples/audio/config.js')}`,
@@ -69,11 +69,13 @@ module.exports = (env, argv) => {
 			historyApiFallback: true,
 			port: 3000,
 			compress: true,
-			hot: true
+			hot: true,
+			host: '0.0.0.0',
+			https: true,
+			open: ['/html5']
 		},
 		context: appDirectory,
 		plugins: [
-			new webpack.ProgressPlugin(),
 			new MiniCssExtractPlugin({
 				filename: 'styles/[name].css',
 				chunkFilename: 'styles/[name].css'
@@ -152,4 +154,10 @@ module.exports = (env, argv) => {
 			splitChunks: false
 		}
 	}
+
+	if (!isProduction) {
+		config.plugins.push(new webpack.ProgressPlugin())
+	}
+
+	return config
 }
diff --git a/src/plugins/cast/README.md b/src/plugins/cast/README.md
new file mode 100644
index 00000000..9570a42c
--- /dev/null
+++ b/src/plugins/cast/README.md
@@ -0,0 +1,77 @@
+# Plugin: Cast
+
+Supports for Google Cast API.
+
+## Overview
+
+| <!-- -->          | <!-- -->                            |
+| ----------------- | ----------------------------------- |
+| Name              | `cast`                              |
+| Global name&sup1; | `window.VlitejsCast`                |
+| Path              | `vlitejs/dist/plugins/cast`         |
+| Entry point       | `vlitejs/dist/plugins/cast/cast.js` |
+| Stylesheet        | -                                   |
+| Provider&sup2;    | `'html5'`                           |
+| Media type&sup3;  | `'video'`                           |
+
+- _&sup1; Useful only if `vLitejs` is included with a `<script>` tag (see [CDN](../../../README.md#CDN) section)._
+- _&sup2;Providers: `html5|youtube|vimeo`_
+- _&sup3;Media type: `video|audio`_
+
+## Usage
+
+### HTML
+
+```html
+<video id="player" class="vlite-js" src="<path_to_video_mp4>"></video>
+```
+
+### JavaScript
+
+```js
+import 'vlitejs/dist/vlite.css';
+import 'vlitejs/dist/plugins/cast.css';
+import Vlitejs from 'vlitejs';
+import VlitejsCast from 'vlitejs/dist/plugins/cast';
+
+Vlitejs.registerPlugin('cast', VlitejsCast);
+
+new Vlitejs('#player', {
+  plugins: ['cast']
+});
+```
+
+### Configuration
+
+The plugin allows customization with an optional object as the third parameter of the `registerPlugin` function.
+
+#### Subtitle
+
+Describes style information for a text subtitle.
+
+```js
+Vlitejs.registerPlugin('cast', VlitejsCast, {
+  textTrackStyle: {
+    backgroundColor: '#21212190'
+  }
+});
+```
+
+See the [TextTrackStyle](https://developers.google.com/cast/docs/reference/web_sender/chrome.cast.media.TextTrackStyle) reference for available fields.
+
+#### Metadata
+
+Describes media metadata description.
+
+```js
+Vlitejs.registerPlugin('cast', VlitejsCast, {
+  metadata: {
+    title: 'The Jungle Book',
+    subtitle: 'Walt Disney Animation Studios'
+  }
+});
+```
+
+> The `images` field automatically displays the poster available in the [Vlitejs options](../../../README.md#Options).
+
+See the [Metadata](https://developers.google.com/cast/docs/reference/web_sender/chrome.cast.media.GenericMediaMetadata) reference for available fields.
diff --git a/src/plugins/cast/config.js b/src/plugins/cast/config.js
new file mode 100644
index 00000000..4389bfbb
--- /dev/null
+++ b/src/plugins/cast/config.js
@@ -0,0 +1,7 @@
+// import CSS
+import './css/cast.css'
+
+// import JS
+import cast from './js/cast'
+
+export default cast
diff --git a/src/plugins/cast/css/cast.css b/src/plugins/cast/css/cast.css
new file mode 100644
index 00000000..258d2a83
--- /dev/null
+++ b/src/plugins/cast/css/cast.css
@@ -0,0 +1,36 @@
+.v {
+	&-castButton {
+		&.v-active svg {
+			fill: var(--vlite-colorPrimary);
+		}
+	}
+
+	&-deviceName {
+		display: none;
+		position: absolute;
+		top: 0;
+		right: 0;
+		color: #fff;
+		width: auto;
+		padding: 10px;
+		font-size: 12px;
+		line-height: 12px;
+		pointer-events: none;
+	}
+
+	&-remote {
+		.v-pipButton,
+		.v-fullscreenButton {
+			display: none;
+		}
+
+		.vlite-js,
+		.v-captions {
+			display: none;
+		}
+
+		.v-deviceName {
+			display: block;
+		}
+	}
+}
diff --git a/src/plugins/cast/js/cast.ts b/src/plugins/cast/js/cast.ts
new file mode 100644
index 00000000..8634a271
--- /dev/null
+++ b/src/plugins/cast/js/cast.ts
@@ -0,0 +1,417 @@
+import svgCast from 'shared/assets/svgs/cast.svg'
+import { pluginParameter, Constructable } from 'shared/assets/interfaces/interfaces'
+
+declare global {
+	interface Window {
+		chrome: {
+			cast: {
+				media: {
+					TextTrackType: {
+						SUBTITLES: string
+					}
+					TrackType: {
+						TEXT: string
+					}
+					DEFAULT_MEDIA_RECEIVER_APP_ID: string
+					MediaInfo: Constructable<any>
+					TextTrackStyle: Constructable<any>
+					GenericMediaMetadata: Constructable<any>
+					LoadRequest: Constructable<any>
+					Track: Constructable<any>
+					EditTracksInfoRequest: Constructable<any>
+				}
+				AutoJoinPolicy: {
+					ORIGIN_SCOPED: string
+				}
+				Image: Constructable<any>
+			}
+		}
+		cast: {
+			framework: {
+				CastContext: {
+					getInstance: Function
+				}
+				RemotePlayer: Constructable<any>
+				RemotePlayerController: Constructable<any>
+				CastContextEventType: {
+					SESSION_STATE_CHANGED: string
+				}
+				RemotePlayerEventType: {
+					CURRENT_TIME_CHANGED: string
+					IS_MEDIA_LOADED_CHANGED: string
+				}
+				SessionState: {
+					SESSION_STARTED: string
+					SESSION_RESUMED: string
+					SESSION_ENDED: string
+				}
+			}
+		}
+		__onGCastApiAvailable: Function
+	}
+}
+
+interface Subtitle {
+	index: number
+	url: string
+	label: string
+	language: string
+	isDefault: boolean
+}
+
+interface CastEvent {
+	sessionState: string
+	value: number
+}
+
+/**
+ * Vlitejs Cast plugin
+ * @module Vlitejs/plugins/cast
+ */
+export default class CastPlugin {
+	player: any
+	options: any
+	castButton!: HTMLElement
+	castContext: any
+	remotePlayer: any
+	remotePlayerController: any
+	subtitles: Array<Subtitle>
+	backupAutoHide: boolean | null
+
+	providers = ['html5']
+	types = ['video']
+
+	/**
+	 * @constructor
+	 * @param {Object} options
+	 * @param {Class} options.player Player instance
+	 * @param {Object} options.options Plugins options
+	 */
+	constructor({ player, options }: pluginParameter) {
+		this.player = player
+		this.options = options
+		this.subtitles = []
+		this.backupAutoHide = null
+
+		this.onCastStateChange = this.onCastStateChange.bind(this)
+		this.onCurrentTimeChanged = this.onCurrentTimeChanged.bind(this)
+		this.isMediaLoadedChanged = this.isMediaLoadedChanged.bind(this)
+		this.onClickOnCastButton = this.onClickOnCastButton.bind(this)
+		this.updateSubtitle = this.updateSubtitle.bind(this)
+	}
+
+	/**
+	 * Initialize the plugin
+	 */
+	init() {
+		window.__onGCastApiAvailable = (isAvailable: boolean) => isAvailable && this.initCastApi()
+		this.loadWebSenderApi()
+	}
+
+	/**
+	 * Load web sender API
+	 */
+	loadWebSenderApi() {
+		const script = document.createElement('script')
+		script.defer = true
+		script.type = 'text/javascript'
+		script.src = '//www.gstatic.com/cv/js/sender/v1/cast_sender.js?loadCastFramework=1'
+		document.getElementsByTagName('body')[0].appendChild(script)
+	}
+
+	/**
+	 * Cast Web Sender API is available
+	 * Initialize the Cast API
+	 */
+	initCastApi() {
+		this.castContext = window.cast.framework.CastContext.getInstance()
+		this.castContext.setOptions({
+			receiverApplicationId: window.chrome.cast.media.DEFAULT_MEDIA_RECEIVER_APP_ID,
+			autoJoinPolicy: window.chrome.cast.AutoJoinPolicy.ORIGIN_SCOPED
+		})
+		this.remotePlayer = new window.cast.framework.RemotePlayer()
+		this.remotePlayerController = new window.cast.framework.RemotePlayerController(
+			this.remotePlayer
+		)
+
+		this.render()
+		this.castButton = this.player.elements.container.querySelector('.v-castButton')
+		this.subtitles = this.getSubtitles()
+		this.addEvents()
+	}
+
+	/**
+	 * On player ready
+	 */
+	onReady() {}
+
+	/**
+	 * Render the plugin HTML
+	 */
+	render() {
+		const controlBar = this.player.elements.container.querySelector('.v-controlBar')
+		const fullscreenButton = this.player.elements.container.querySelector('.v-fullscreenButton')
+		const template = `<button class="v-castButton v-controlButton">${svgCast}</button>`
+
+		if (controlBar) {
+			if (fullscreenButton) {
+				fullscreenButton.insertAdjacentHTML('beforebegin', template)
+			} else {
+				controlBar.insertAdjacentHTML('beforeend', template)
+			}
+		}
+	}
+
+	/**
+	 * Add event listeners
+	 */
+	addEvents() {
+		this.castContext.addEventListener(
+			window.cast.framework.CastContextEventType.SESSION_STATE_CHANGED,
+			this.onCastStateChange
+		)
+		this.remotePlayerController.addEventListener(
+			window.cast.framework.RemotePlayerEventType.CURRENT_TIME_CHANGED,
+			this.onCurrentTimeChanged
+		)
+		this.remotePlayerController.addEventListener(
+			window.cast.framework.RemotePlayerEventType.IS_MEDIA_LOADED_CHANGED,
+			this.isMediaLoadedChanged
+		)
+
+		this.castButton.addEventListener('click', this.onClickOnCastButton)
+		this.player.on('trackdisabled', this.updateSubtitle)
+		this.player.on('trackenabled', this.updateSubtitle)
+	}
+
+	/**
+	 * On cast state change
+	 * Cast event
+	 */
+	onCastStateChange(e: CastEvent) {
+		const sessionState = e.sessionState
+
+		switch (sessionState) {
+			case window.cast.framework.SessionState.SESSION_STARTED:
+				this.onSessionStart()
+				break
+			case window.cast.framework.SessionState.SESSION_RESUMED:
+				this.castContext.endCurrentSession(true)
+				break
+			case window.cast.framework.SessionState.SESSION_ENDED:
+				this.onSessionStop()
+				break
+		}
+	}
+
+	/**
+	 * On current time changed
+	 * Cast event
+	 */
+	onCurrentTimeChanged() {
+		this.player.updateProgressBar({
+			seconds: this.remotePlayer.currentTime,
+			duration: this.remotePlayer.duration,
+			isRemote: true
+		})
+	}
+
+	/**
+	 * On click on cast button, open the cast selection UI
+	 * @param {Event} e Event data
+	 */
+	onClickOnCastButton(e: Event) {
+		e.preventDefault()
+		this.castContext.requestSession()
+	}
+
+	/**
+	 * Update the cast subtitle
+	 */
+	updateSubtitle() {
+		if (!this.remotePlayer.isMediaLoaded) return
+
+		const newLanguage = this.player.plugins.subtitle.subtitlesList
+			.querySelector('.v-trackButton.v-active')
+			.getAttribute('data-language')
+
+		let activeTrackIds
+		if (newLanguage === 'off') {
+			activeTrackIds = []
+		} else {
+			const newTrackIndex = this.subtitles.find(({ language }) => language === newLanguage)
+			if (newTrackIndex) {
+				activeTrackIds = [newTrackIndex.index]
+			}
+		}
+
+		const tracksInfoRequest = new window.chrome.cast.media.EditTracksInfoRequest(activeTrackIds)
+		this.getSession().getMediaSession().editTracksInfo(tracksInfoRequest)
+	}
+
+	/**
+	 * On cast session start
+	 */
+	onSessionStart() {
+		this.player.elements.container.focus()
+
+		this.player.methodPause()
+
+		this.backupAutoHide = this.player.Vlitejs.autoHideGranted
+		this.player.Vlitejs.autoHideGranted = false
+		this.player.Vlitejs.stopAutoHideTimer()
+
+		this.player.elements.container.classList.add('v-remote')
+		this.castButton.classList.add('v-active')
+		this.player.isCast = true
+
+		const deviceName = this.getSession().getCastDevice().deviceName || 'Chromecast'
+		this.player.media.insertAdjacentHTML(
+			'afterend',
+			`<span class="v-deviceName">Cast on ${deviceName}</span>`
+		)
+
+		this.loadMedia()
+	}
+
+	/**
+	 * On cast session stop
+	 */
+	onSessionStop() {
+		this.player.Vlitejs.autoHideGranted = this.backupAutoHide
+		this.backupAutoHide && this.player.Vlitejs.startAutoHideTimer()
+
+		this.player.elements.container.classList.remove('v-remote')
+		this.castButton.classList.remove('v-active')
+		this.player.isCast = false
+		this.player.elements.container.querySelector('.v-deviceName').remove()
+
+		if (!this.player.isPaused) {
+			this.player.methodPlay()
+			this.player.afterPlayPause()
+		}
+	}
+
+	/**
+	 * Get subtitles data from the media
+	 * @returns {Array<Subtitle>} List of subtitles with somes fields
+	 */
+	getSubtitles(): Array<Subtitle> {
+		return [...this.player.media.querySelectorAll('track')].map((track, index) => ({
+			index,
+			url: track.getAttribute('src'),
+			label: track.getAttribute('label'),
+			language: track.getAttribute('srclang'),
+			isDefault: track.hasAttribute('default')
+		}))
+	}
+
+	/**
+	 * Get the cast session
+	 * @returns {Object} Current cast session
+	 */
+	getSession(): any {
+		return this.castContext.getCurrentSession()
+	}
+
+	/**
+	 * Load the media into the receiver
+	 */
+	loadMedia() {
+		const session = this.getSession()
+		if (!session) return
+
+		const mediaInfo = new window.chrome.cast.media.MediaInfo(this.player.media.src)
+		mediaInfo.contentType = 'video/mp4'
+
+		if (this.subtitles.length) {
+			mediaInfo.tracks = this.getCastTracks()
+		}
+
+		const textTrackStyle = new window.chrome.cast.media.TextTrackStyle()
+		textTrackStyle.backgroundColor = '#ffffff00'
+		textTrackStyle.edgeColor = '#00000016'
+		textTrackStyle.edgeType = 'DROP_SHADOW'
+		textTrackStyle.fontFamily = 'CASUAL'
+		textTrackStyle.fontScale = 1.0
+		textTrackStyle.foregroundColor = '#ffffffff'
+		mediaInfo.textTrackStyle = {
+			...textTrackStyle,
+			...this.options.textTrackStyle
+		}
+
+		const metadata = new window.chrome.cast.media.GenericMediaMetadata()
+		if (this.player.options.poster) {
+			metadata.images = [new window.chrome.cast.Image(this.player.options.poster)]
+		}
+		mediaInfo.metadata = {
+			...metadata,
+			...this.options.metadata
+		}
+
+		const loadRequest = new window.chrome.cast.media.LoadRequest(mediaInfo)
+		loadRequest.autoplay = this.player.isPaused === false
+		loadRequest.currentTime = this.player.media.currentTime
+
+		if (this.subtitles.length) {
+			loadRequest.activeTrackIds = [this.getActiveTrack().index]
+		}
+		session.loadMedia(loadRequest)
+	}
+
+	/**
+	 *  Get the cast Track
+	 * @returns {Array} List of cast Track
+	 */
+	getCastTracks() {
+		return this.subtitles.map(({ url, label, language }, index) => {
+			const castTrack = new window.chrome.cast.media.Track(
+				index,
+				window.chrome.cast.media.TrackType.TEXT
+			)
+			castTrack.trackContentId = url
+			castTrack.trackContentType = 'text/vtt'
+			castTrack.subtype = window.chrome.cast.media.TextTrackType.SUBTITLES
+			castTrack.name = label
+			castTrack.language = language
+			return castTrack
+		})
+	}
+
+	/**
+	 * Get the default track or the first one if no match
+	 * @returns {Object} Active track
+	 */
+	getActiveTrack(): Subtitle {
+		return this.subtitles.find((item) => item.isDefault) || this.subtitles[0]
+	}
+
+	/**
+	 * On cast media loaded changed
+	 * Cast event
+	 */
+	isMediaLoadedChanged() {
+		this.player.on('play', () => {
+			if (!this.remotePlayer.isMediaLoaded) return
+			this.remotePlayerController.playOrPause()
+		})
+		this.player.on('pause', () => {
+			if (!this.remotePlayer.isMediaLoaded) return
+			this.remotePlayerController.playOrPause()
+		})
+		this.player.on('volumechange', () => {
+			if (!this.remotePlayer.isMediaLoaded) return
+			this.player.getVolume().then((volume: number) => {
+				this.remotePlayer.volumeLevel = this.player.isMuted ? 0 : volume
+				this.remotePlayerController.setVolumeLevel()
+			})
+		})
+		this.player.on('timeupdate', () => {
+			if (!this.remotePlayer.isMediaLoaded) return
+			this.player.getCurrentTime().then((currentTime: number) => {
+				this.remotePlayer.currentTime = currentTime
+				this.remotePlayerController.seek()
+			})
+		})
+	}
+}
diff --git a/src/plugins/pip/README.md b/src/plugins/pip/README.md
index fd57db08..3be3bb4d 100644
--- a/src/plugins/pip/README.md
+++ b/src/plugins/pip/README.md
@@ -1,6 +1,6 @@
 # Plugin: Picture-in-Picture
 
-Supports for multiple caption tracks (VTT).
+Supports for Picture-in-Picture mode.
 
 ## Overview
 
@@ -23,7 +23,7 @@ Supports for multiple caption tracks (VTT).
 ### HTML
 
 ```html
-<video id="player" class="vlite-js" src="/path/to/video.mp4"></video>
+<video id="player" class="vlite-js" src="<path_to_video_mp4>"></video>
 ```
 
 ### JavaScript
diff --git a/src/plugins/plugin.ts b/src/plugins/plugin.ts
index 4dac6a34..c6c87c79 100644
--- a/src/plugins/plugin.ts
+++ b/src/plugins/plugin.ts
@@ -5,9 +5,11 @@ export interface interfaceVlitePlugins {
 export interface interfacePluginsInstance {
 	id: string
 	Plugin: any
+	options: any
 }
 
 const vlitePlugins: interfaceVlitePlugins = {}
+const pluginsOptions: any = {}
 
 /**
  * Get plugins instances from the registered list
@@ -22,7 +24,8 @@ export function getPluginInstance(plugins: Array<string>): Array<interfacePlugin
 		if (pluginsIds.includes(id)) {
 			pluginsInstance.push({
 				id,
-				Plugin: vlitePlugins[id]
+				Plugin: vlitePlugins[id],
+				options: pluginsOptions[id]
 			})
 		} else {
 			throw new Error(`vlitejs :: Unknown plugin "${id}".`)
@@ -34,14 +37,19 @@ export function getPluginInstance(plugins: Array<string>): Array<interfacePlugin
 
 /**
  * Register the plugin
- * @param id Plugin ID
- * @param instance Plugin instance
+ * @param {String} id Plugin ID
+ * @param {any} instance Plugin instance
+ * @param {Object} options Plugin options
  * @returns {undefined} No value to return
  */
-export function registerPlugin(id: string, instance: any): undefined {
+export function registerPlugin(id: string, instance: any, options: any): undefined {
 	if (typeof instance !== 'undefined') {
 		if (!Object.keys(vlitePlugins).includes(id)) {
 			vlitePlugins[id] = instance
+
+			if (options) {
+				pluginsOptions[id] = options
+			}
 			return
 		}
 		throw new Error(`vlitejs :: The plugin id "${id}" is already registered.`)
@@ -68,18 +76,20 @@ export function initializePlugins({
 	type: string
 	player: any
 }) {
-	getPluginInstance(plugins).forEach(({ id, Plugin }: { id: string; Plugin: any }) => {
-		const plugin = new Plugin({ player })
+	getPluginInstance(plugins).forEach(
+		({ id, Plugin, options }: { id: string; Plugin: any; options: any }) => {
+			const plugin = new Plugin({ player, options })
 
-		// Store the plugin instance on the player
-		player.plugins[id] = plugin
+			// Store the plugin instance on the player
+			player.plugins[id] = plugin
 
-		if (plugin.providers.includes(provider) && plugin.types.includes(type)) {
-			plugin.init()
-		} else {
-			throw new Error(
-				`vlitejs :: The "${id}" plugin is only compatible with providers:"${plugin.providers}" and types:"${plugin.types}"`
-			)
+			if (plugin.providers.includes(provider) && plugin.types.includes(type)) {
+				plugin.init()
+			} else {
+				throw new Error(
+					`vlitejs :: The "${id}" plugin is only compatible with providers:"${plugin.providers}" and types:"${plugin.types}"`
+				)
+			}
 		}
-	})
+	)
 }
diff --git a/src/plugins/subtitle/README.md b/src/plugins/subtitle/README.md
index 87e70dac..23f81f90 100644
--- a/src/plugins/subtitle/README.md
+++ b/src/plugins/subtitle/README.md
@@ -22,11 +22,10 @@ Supports for multiple caption tracks (VTT).
 
 ### HTML
 
-<!-- prettier-ignore -->
 ```html
-<video id="player" class="vlite-js" src="/path/to/video.mp4">
-    <track label="English" kind="subtitles" srclang="en" src="/path/to/subtitle-en.vtt" default>
-    <track label="French" kind="subtitles" srclang="fr" src="/path/to/subtitle-fr.vtt">
+<video id="player" class="vlite-js" src="<path_to_video_mp4>">
+  <track label="English" kind="subtitles" srclang="en" src="<path_to_subtitle_en.vtt>" default />
+  <track label="French" kind="subtitles" srclang="fr" src="<path_to_subtitle_fr.vtt>" />
 </video>
 ```
 
diff --git a/src/plugins/subtitle/js/subtitle.ts b/src/plugins/subtitle/js/subtitle.ts
index 2f4daf5d..06267953 100644
--- a/src/plugins/subtitle/js/subtitle.ts
+++ b/src/plugins/subtitle/js/subtitle.ts
@@ -2,7 +2,7 @@ import validateTarget from 'validate-target'
 import svgSubtitleOn from 'shared/assets/svgs/subtitle-on.svg'
 import svgSubtitleOff from 'shared/assets/svgs/subtitle-off.svg'
 import svgCheck from 'shared/assets/svgs/check.svg'
-import { Options, pluginParameter } from 'shared/assets/interfaces/interfaces'
+import { pluginParameter } from 'shared/assets/interfaces/interfaces'
 
 export interface InsertPosition {
 	selector: string
diff --git a/src/shared/assets/interfaces/interfaces.ts b/src/shared/assets/interfaces/interfaces.ts
index 1d10a2d9..d50fe534 100644
--- a/src/shared/assets/interfaces/interfaces.ts
+++ b/src/shared/assets/interfaces/interfaces.ts
@@ -1,3 +1,7 @@
+export interface Constructable<T> {
+	new (...args: any): T
+}
+
 export interface FullScreenSupport {
 	requestFn: string
 	cancelFn: string
@@ -15,6 +19,7 @@ export interface playerParameters {
 
 export interface pluginParameter {
 	player: playerParameters
+	options: any
 }
 
 export interface Options {
diff --git a/src/shared/assets/svgs/big-play.svg b/src/shared/assets/svgs/big-play.svg
index 35451236..26f50554 100755
--- a/src/shared/assets/svgs/big-play.svg
+++ b/src/shared/assets/svgs/big-play.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zM9.5 14.67V9.33c0-.79.88-1.27 1.54-.84l4.15 2.67a1 1 0 010 1.68l-4.15 2.67c-.66.43-1.54-.05-1.54-.84z"/></svg>
+<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M10 0C4.48 0 0 4.48 0 10s4.48 10 10 10 10-4.48 10-10S15.52 0 10 0ZM7.5 12.67V7.33c0-.79.88-1.27 1.54-.84l4.15 2.67a1 1 0 0 1 0 1.68l-4.15 2.67c-.66.43-1.54-.05-1.54-.84Z"/></svg>
\ No newline at end of file
diff --git a/src/shared/assets/svgs/cast.svg b/src/shared/assets/svgs/cast.svg
new file mode 100644
index 00000000..8e8e487e
--- /dev/null
+++ b/src/shared/assets/svgs/cast.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 470 384" xmlns="http://www.w3.org/2000/svg"><path d="M426.5 0H42.7C19.1 0 0 19.1 0 42.7v63.9h42.7V42.7h383.8v298.6H277.3V384h149.4c23.6 0 42.7-19.1 42.7-42.7V42.7c0-23.6-19.3-42.7-42.9-42.7ZM0 319.6v63.9h63.9c0-35.3-28.6-63.9-63.9-63.9Zm0-85V277c58.9 0 106.6 48.1 106.6 107h42.7c.1-82.4-66.9-149.3-149.3-149.4ZM192.1 384h42.7C234.3 254.5 129.5 149.7 0 149.4v42.4c106-.2 192 86.2 192.1 192.2Z"/></svg>
\ No newline at end of file
diff --git a/src/shared/assets/svgs/check.svg b/src/shared/assets/svgs/check.svg
index 2023b78a..11c3827a 100644
--- a/src/shared/assets/svgs/check.svg
+++ b/src/shared/assets/svgs/check.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z"/></svg>
+<svg viewBox="0 0 18 14" xmlns="http://www.w3.org/2000/svg"><path d="M5.6 10.6 1.4 6.4 0 7.8l5.6 5.6 12-12L16.2 0z"/></svg>
\ No newline at end of file
diff --git a/src/shared/assets/svgs/fullscreen-exit.svg b/src/shared/assets/svgs/fullscreen-exit.svg
index a7a2e32c..fb3d217d 100755
--- a/src/shared/assets/svgs/fullscreen-exit.svg
+++ b/src/shared/assets/svgs/fullscreen-exit.svg
@@ -1 +1 @@
-<svg class="v-iconPressed" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><path d="M6 16h2v2c0 .55.45 1 1 1s1-.45 1-1v-3c0-.55-.45-1-1-1H6c-.55 0-1 .45-1 1s.45 1 1 1zm2-8H6c-.55 0-1 .45-1 1s.45 1 1 1h3c.55 0 1-.45 1-1V6c0-.55-.45-1-1-1s-1 .45-1 1v2zm7 11c.55 0 1-.45 1-1v-2h2c.55 0 1-.45 1-1s-.45-1-1-1h-3c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1zm1-11V6c0-.55-.45-1-1-1s-1 .45-1 1v3c0 .55.45 1 1 1h3c.55 0 1-.45 1-1s-.45-1-1-1h-2z"/></svg>
+<svg class="v-iconPressed" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg"><path d="M1 11h2v2c0 .55.45 1 1 1s1-.45 1-1v-3c0-.55-.45-1-1-1H1c-.55 0-1 .45-1 1s.45 1 1 1Zm2-8H1c-.55 0-1 .45-1 1s.45 1 1 1h3c.55 0 1-.45 1-1V1c0-.55-.45-1-1-1S3 .45 3 1v2Zm7 11c.55 0 1-.45 1-1v-2h2c.55 0 1-.45 1-1s-.45-1-1-1h-3c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1Zm1-11V1c0-.55-.45-1-1-1S9 .45 9 1v3c0 .55.45 1 1 1h3c.55 0 1-.45 1-1s-.45-1-1-1h-2Z"/></svg>
\ No newline at end of file
diff --git a/src/shared/assets/svgs/fullscreen.svg b/src/shared/assets/svgs/fullscreen.svg
index 569cd6bd..57cbb70b 100755
--- a/src/shared/assets/svgs/fullscreen.svg
+++ b/src/shared/assets/svgs/fullscreen.svg
@@ -1 +1 @@
-<svg class="v-iconUnpressed" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><path d="M6 14c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1h3c.55 0 1-.45 1-1s-.45-1-1-1H7v-2c0-.55-.45-1-1-1zm0-4c.55 0 1-.45 1-1V7h2c.55 0 1-.45 1-1s-.45-1-1-1H6c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1zm11 7h-2c-.55 0-1 .45-1 1s.45 1 1 1h3c.55 0 1-.45 1-1v-3c0-.55-.45-1-1-1s-1 .45-1 1v2zM14 6c0 .55.45 1 1 1h2v2c0 .55.45 1 1 1s1-.45 1-1V6c0-.55-.45-1-1-1h-3c-.55 0-1 .45-1 1z"/></svg>
+<svg class="v-iconUnpressed" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg"><path d="M1 9c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1h3c.55 0 1-.45 1-1s-.45-1-1-1H2v-2c0-.55-.45-1-1-1Zm0-4c.55 0 1-.45 1-1V2h2c.55 0 1-.45 1-1s-.45-1-1-1H1C.45 0 0 .45 0 1v3c0 .55.45 1 1 1Zm11 7h-2c-.55 0-1 .45-1 1s.45 1 1 1h3c.55 0 1-.45 1-1v-3c0-.55-.45-1-1-1s-1 .45-1 1v2ZM9 1c0 .55.45 1 1 1h2v2c0 .55.45 1 1 1s1-.45 1-1V1c0-.55-.45-1-1-1h-3c-.55 0-1 .45-1 1Z"/></svg>
\ No newline at end of file
diff --git a/src/shared/assets/svgs/pause.svg b/src/shared/assets/svgs/pause.svg
index 1921c90c..29fa25cc 100755
--- a/src/shared/assets/svgs/pause.svg
+++ b/src/shared/assets/svgs/pause.svg
@@ -1 +1 @@
-<svg class="v-iconPressed" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><path d="M8 19c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2s-2 .9-2 2v10c0 1.1.9 2 2 2zm6-12v10c0 1.1.9 2 2 2s2-.9 2-2V7c0-1.1-.9-2-2-2s-2 .9-2 2z"/></svg>
+<svg class="v-iconPressed" viewBox="0 0 12 14" xmlns="http://www.w3.org/2000/svg"><path d="M2 14c1.1 0 2-.9 2-2V2c0-1.1-.9-2-2-2S0 .9 0 2v10c0 1.1.9 2 2 2ZM8 2v10c0 1.1.9 2 2 2s2-.9 2-2V2c0-1.1-.9-2-2-2S8 .9 8 2Z"/></svg>
\ No newline at end of file
diff --git a/src/shared/assets/svgs/pip.svg b/src/shared/assets/svgs/pip.svg
index 5dac068a..8d9a1801 100644
--- a/src/shared/assets/svgs/pip.svg
+++ b/src/shared/assets/svgs/pip.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><path d="M19 11h-8v6h8v-6zm-2 4h-4v-2h4v2zm4-12H3c-1.1 0-2 .88-2 1.98V19c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V4.98C23 3.88 22.1 3 21 3zm0 16.02H3V4.97h18v14.05z"/></svg>
+<svg viewBox="0 0 22 18" xmlns="http://www.w3.org/2000/svg"><path d="M18 8h-8v6h8V8Zm-2 4h-4v-2h4v2Zm4-12H2C.9 0 0 .88 0 1.98V16c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V1.98C22 .88 21.1 0 20 0Zm0 16.02H2V1.97h18v14.05Z"/></svg>
\ No newline at end of file
diff --git a/src/shared/assets/svgs/play.svg b/src/shared/assets/svgs/play.svg
index 818addf1..2dd62974 100755
--- a/src/shared/assets/svgs/play.svg
+++ b/src/shared/assets/svgs/play.svg
@@ -1 +1 @@
-<svg class="v-iconUnpressed" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><path d="M8 6.82v10.36c0 .79.87 1.27 1.54.84l8.14-5.18a1 1 0 000-1.69L9.54 5.98A.998.998 0 008 6.82z"/></svg>
+<svg class="v-iconUnpressed" viewBox="0 0 11 13" xmlns="http://www.w3.org/2000/svg"><path d="M0 1v10.36c0 .79.87 1.27 1.54.84l8.14-5.18a1 1 0 0 0 0-1.69L1.54.16A.998.998 0 0 0 0 1Z"/></svg>
\ No newline at end of file
diff --git a/src/shared/assets/svgs/subtitle-off.svg b/src/shared/assets/svgs/subtitle-off.svg
index deb588c3..24b2e457 100644
--- a/src/shared/assets/svgs/subtitle-off.svg
+++ b/src/shared/assets/svgs/subtitle-off.svg
@@ -1 +1 @@
-<svg class="v-iconPressed" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><path d="M20 4H6.83l8 8H20v2h-3.17l4.93 4.93c.15-.28.24-.59.24-.93V6c0-1.1-.9-2-2-2zM1.04 3.87l1.2 1.2C2.09 5.35 2 5.66 2 6v12c0 1.1.9 2 2 2h13.17l2.96 2.96 1.41-1.41L2.45 2.45 1.04 3.87zM8 12v2H4v-2h4zm6 4.83V18H4v-2h9.17l.83.83z"/></svg>
+<svg class="v-iconPressed" viewBox="0 0 21 21" xmlns="http://www.w3.org/2000/svg"><path d="M18.96 1.55H5.79l8 8h5.17v2h-3.17l4.93 4.93c.15-.28.24-.59.24-.93v-12c0-1.1-.9-2-2-2ZM0 1.42l1.2 1.2c-.15.28-.24.59-.24.93v12c0 1.1.9 2 2 2h13.17l2.96 2.96 1.41-1.41L1.41 0 0 1.42Zm6.96 8.13v2h-4v-2h4Zm6 4.83v1.17h-10v-2h9.17l.83.83Z"/></svg>
\ No newline at end of file
diff --git a/src/shared/assets/svgs/subtitle-on.svg b/src/shared/assets/svgs/subtitle-on.svg
index 3524ea95..a3be516f 100644
--- a/src/shared/assets/svgs/subtitle-on.svg
+++ b/src/shared/assets/svgs/subtitle-on.svg
@@ -1 +1 @@
-<svg class="v-iconUnpressed" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><path d="M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zM4 12h4v2H4v-2zm10 6H4v-2h10v2zm6 0h-4v-2h4v2zm0-4H10v-2h10v2z"/></svg>
+<svg class="v-iconUnpressed" viewBox="0 0 20 16" xmlns="http://www.w3.org/2000/svg"><path d="M18 0H2C.9 0 0 .9 0 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V2c0-1.1-.9-2-2-2ZM2 8h4v2H2V8Zm10 6H2v-2h10v2Zm6 0h-4v-2h4v2Zm0-4H8V8h10v2Z"/></svg>
\ No newline at end of file
diff --git a/src/shared/assets/svgs/volume-high.svg b/src/shared/assets/svgs/volume-high.svg
index 17eef5d8..dcbbe89f 100755
--- a/src/shared/assets/svgs/volume-high.svg
+++ b/src/shared/assets/svgs/volume-high.svg
@@ -1 +1 @@
-<svg class="v-iconUnpressed" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><path d="M3 10v4c0 .55.45 1 1 1h3l3.29 3.29c.63.63 1.71.18 1.71-.71V6.41c0-.89-1.08-1.34-1.71-.71L7 9H4c-.55 0-1 .45-1 1zm13.5 2A4.5 4.5 0 0014 7.97v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 4.45v.2c0 .38.25.71.6.85C17.18 6.53 19 9.06 19 12s-1.82 5.47-4.4 6.5c-.36.14-.6.47-.6.85v.2c0 .63.63 1.07 1.21.85C18.6 19.11 21 15.84 21 12s-2.4-7.11-5.79-8.4c-.58-.23-1.21.22-1.21.85z"/></svg>
+<svg class="v-iconUnpressed" viewBox="0 0 18 17" xmlns="http://www.w3.org/2000/svg"><path d="M0 6.461v4c0 .55.45 1 1 1h3l3.29 3.29c.63.63 1.71.18 1.71-.71V2.871c0-.89-1.08-1.34-1.71-.71L4 5.461H1c-.55 0-1 .45-1 1Zm13.5 2a4.5 4.5 0 0 0-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02ZM11 .911v.2c0 .38.25.71.6.85a7.004 7.004 0 0 1 4.4 6.5c0 2.94-1.82 5.47-4.4 6.5-.36.14-.6.47-.6.85v.2c0 .63.63 1.07 1.21.85a8.98 8.98 0 0 0 5.79-8.4c0-3.84-2.4-7.11-5.79-8.4-.58-.23-1.21.22-1.21.85Z"/></svg>
\ No newline at end of file
diff --git a/src/shared/assets/svgs/volume-mute.svg b/src/shared/assets/svgs/volume-mute.svg
index 72d92b63..f7df5056 100755
--- a/src/shared/assets/svgs/volume-mute.svg
+++ b/src/shared/assets/svgs/volume-mute.svg
@@ -1 +1 @@
-<svg class="v-iconPressed" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><path d="M3.63 3.63a.996.996 0 000 1.41L7.29 8.7 7 9H4c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1h3l3.29 3.29c.63.63 1.71.18 1.71-.71v-4.17l4.18 4.18c-.49.37-1.02.68-1.6.91-.36.15-.58.53-.58.92 0 .72.73 1.18 1.39.91.8-.33 1.55-.77 2.22-1.31l1.34 1.34a.996.996 0 101.41-1.41L5.05 3.63c-.39-.39-1.02-.39-1.42 0zM19 12c0 .82-.15 1.61-.41 2.34l1.53 1.53c.56-1.17.88-2.48.88-3.87 0-3.83-2.4-7.11-5.78-8.4-.59-.23-1.22.23-1.22.86v.19c0 .38.25.71.61.85C17.18 6.54 19 9.06 19 12zm-8.71-6.29l-.17.17L12 7.76V6.41c0-.89-1.08-1.33-1.71-.7zM16.5 12A4.5 4.5 0 0014 7.97v1.79l2.48 2.48c.01-.08.02-.16.02-.24z"/></svg>
+<svg class="v-iconPressed" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="M.63.292a.996.996 0 0 0 0 1.41l3.66 3.66-.29.3H1c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1h3l3.29 3.29c.63.63 1.71.18 1.71-.71v-4.17l4.18 4.18c-.49.37-1.02.68-1.6.91-.36.15-.58.53-.58.92 0 .72.73 1.18 1.39.91.8-.33 1.55-.77 2.22-1.31l1.34 1.34a.997.997 0 1 0 1.41-1.41L2.05.293c-.39-.39-1.02-.39-1.42 0ZM16 8.662c0 .82-.15 1.61-.41 2.34l1.53 1.53c.56-1.17.88-2.48.88-3.87 0-3.83-2.4-7.11-5.78-8.4-.59-.23-1.22.23-1.22.86v.19c0 .38.25.71.61.85 2.57 1.04 4.39 3.56 4.39 6.5Zm-8.71-6.29-.17.17L9 4.422v-1.35c0-.89-1.08-1.33-1.71-.7Zm6.21 6.29a4.5 4.5 0 0 0-2.5-4.03v1.79l2.48 2.48c.01-.08.02-.16.02-.24Z"/></svg>
\ No newline at end of file
diff --git a/src/vlite/assets/scripts/player.ts b/src/vlite/assets/scripts/player.ts
index 4d42a62a..1cc53199 100644
--- a/src/vlite/assets/scripts/player.ts
+++ b/src/vlite/assets/scripts/player.ts
@@ -12,6 +12,7 @@ export default class Player {
 	type: string
 	media: HTMLAudioElement | HTMLVideoElement
 	options: Options
+	isCast: Boolean
 	isFullScreen: Boolean
 	isMuted: Boolean
 	isPaused: null | Boolean
@@ -46,6 +47,7 @@ export default class Player {
 		this.plugins = {}
 		this.media = Vlitejs.media
 		this.options = Vlitejs.options
+		this.isCast = false
 
 		this.elements = {
 			container: Vlitejs.container,
@@ -240,29 +242,43 @@ export default class Player {
 	onTimeUpdate() {
 		if (this.options.time) {
 			Promise.all([this.getCurrentTime(), this.getDuration()]).then(
-				([seconds, duration]: [number, number]) => {
-					const currentTime = Math.round(seconds)
-
-					if (this.elements.progressBar) {
-						const width = (currentTime * 100) / duration
-						this.elements.progressBar.value = `${width}`
-						this.elements.progressBar.style.setProperty('--value', `${width}%`)
-						this.elements.progressBar.setAttribute(
-							'aria-valuenow',
-							`${Math.round(seconds)}`
-						)
-					}
-
-					if (this.elements.currentTime) {
-						this.elements.currentTime.innerHTML = formatVideoTime(currentTime)
-					}
-
-					this.dispatchEvent('timeupdate')
-				}
+				([seconds, duration]: [number, number]) =>
+					this.updateProgressBar({ seconds, duration })
 			)
 		}
 	}
 
+	/**
+	 * Update the progress bar
+	 * @param {Object} options
+	 * @param {String} options.seconds Current time in seconds
+	 * @param {String} options.duration Duration in seconds
+	 * @param {Boolean} options.isRemote Cast mode is enabled
+	 */
+	updateProgressBar({
+		seconds,
+		duration,
+		isRemote = false
+	}: {
+		seconds: number
+		duration: number
+		isRemote?: boolean
+	}) {
+		const currentTime = Math.round(seconds)
+		if (this.elements.progressBar) {
+			const width = (currentTime * 100) / duration
+			this.elements.progressBar.value = `${width}`
+			this.elements.progressBar.style.setProperty('--value', `${width}%`)
+			this.elements.progressBar.setAttribute('aria-valuenow', `${Math.round(seconds)}`)
+		}
+
+		if (this.elements.currentTime) {
+			this.elements.currentTime.innerHTML = formatVideoTime(currentTime)
+		}
+
+		!isRemote && this.dispatchEvent('timeupdate')
+	}
+
 	/**
 	 * On media ended
 	 */
@@ -303,7 +319,7 @@ export default class Player {
 			}
 		}
 
-		this.methodPlay()
+		!this.isCast && this.methodPlay()
 		this.isPaused = false
 		this.elements.container.classList.replace('v-paused', 'v-playing')
 
@@ -324,7 +340,7 @@ export default class Player {
 	 * Pause the media element
 	 */
 	pause() {
-		this.methodPause()
+		!this.isCast && this.methodPause()
 		this.isPaused = true
 		this.elements.container.classList.replace('v-playing', 'v-paused')
 
diff --git a/src/vlite/assets/scripts/vlite.ts b/src/vlite/assets/scripts/vlite.ts
index 2a06abfc..8b4c3004 100644
--- a/src/vlite/assets/scripts/vlite.ts
+++ b/src/vlite/assets/scripts/vlite.ts
@@ -7,7 +7,7 @@ import OverlayTemplate from '../../components/overlay/assets/scripts/overlay'
 import PosterTemplate from '../../components/poster/assets/scripts/poster'
 import { Options, FullScreenSupport } from 'shared/assets/interfaces/interfaces'
 import { registerProvider, getProviderInstance } from '../../../providers/provider'
-import { getPluginInstance, registerPlugin, initializePlugins } from '../../../plugins/plugin'
+import { registerPlugin, initializePlugins } from '../../../plugins/plugin'
 
 type TimerHandle = number
 
@@ -284,7 +284,7 @@ class Vlitejs {
 	 * On mousemove on the player
 	 */
 	onMousemove() {
-		if (!this.player.isPaused) {
+		if (!this.player.isPaused && this.autoHideGranted) {
 			this.stopAutoHideTimer()
 			this.startAutoHideTimer()
 		}
@@ -315,6 +315,7 @@ class Vlitejs {
 	 * Increase the player volume
 	 */
 	increaseVolume() {
+		this.player.isMuted && this.player.unMute()
 		const volume = this.player.getVolume().then((volume: number) => {
 			this.player.setVolume(volume + 0.05)
 		})
diff --git a/src/vlite/assets/styles/vlite.css b/src/vlite/assets/styles/vlite.css
index d02e6d84..7bed9911 100644
--- a/src/vlite/assets/styles/vlite.css
+++ b/src/vlite/assets/styles/vlite.css
@@ -10,8 +10,6 @@
 	/* Controls */
 	--vlite-controlsColor: #fff;
 	--vlite-controlsOpacity: 0.9;
-	--vlite-controlsIconWidth: 28px;
-	--vlite-controlsIconHeight: 28px;
 
 	/* Progress bar */
 	--vlite-progressBarHeight: 5px;
@@ -143,8 +141,38 @@
 
 		svg {
 			fill: var(--vlite-controlsColor);
-			width: var(--vlite-controlsIconWidth);
-			height: var(--vlite-controlsIconHeight);
+			width: 28px;
+			height: 28px;
+		}
+
+		&.v-playPauseButton svg {
+			width: 15px;
+			height: 17px;
+		}
+
+		&.v-subtitleButton svg {
+			width: 26px;
+			height: 22px;
+		}
+
+		&.v-volumeButton svg {
+			width: 24px;
+			height: 20px;
+		}
+
+		&.v-pipButton svg {
+			width: 26px;
+			height: 22px;
+		}
+
+		&.v-castButton svg {
+			width: 26px;
+			height: 22px;
+		}
+
+		&.v-fullscreenButton svg {
+			width: 20px;
+			height: 20px;
 		}
 	}
 }
diff --git a/src/vlite/components/big-play/assets/styles/big-play.css b/src/vlite/components/big-play/assets/styles/big-play.css
index 3b4121ed..c3d89550 100644
--- a/src/vlite/components/big-play/assets/styles/big-play.css
+++ b/src/vlite/components/big-play/assets/styles/big-play.css
@@ -3,8 +3,8 @@
 		position: absolute;
 		top: 50%;
 		left: 50%;
-		width: 70px;
-		height: 70px;
+		width: 58px;
+		height: 58px;
 		transform: translateX(-50%) translateY(-50%);
 		z-index: 2;
 		transition: opacity var(--vlite-transition);
diff --git a/src/vlite/components/control-bar/assets/scripts/control-bar.ts b/src/vlite/components/control-bar/assets/scripts/control-bar.ts
index 1530b831..ff785831 100644
--- a/src/vlite/components/control-bar/assets/scripts/control-bar.ts
+++ b/src/vlite/components/control-bar/assets/scripts/control-bar.ts
@@ -191,6 +191,8 @@ export default class ControlBar {
 		this.player.elements.volume!.classList.contains('v-controlPressed')
 			? this.player.unMute()
 			: this.player.mute()
+
+		this.player.dispatchEvent('volumechange')
 	}
 
 	/**