diff --git a/.changeset/selfish-cheetahs-whisper.md b/.changeset/selfish-cheetahs-whisper.md
new file mode 100644
index 00000000..baa00aeb
--- /dev/null
+++ b/.changeset/selfish-cheetahs-whisper.md
@@ -0,0 +1,5 @@
+---
+"@288-toolkit/html-elements": minor
+---
+
+Properly handle `muted` and `controls` video attributes
diff --git a/packages/components/html-elements/dist/HtmlAnchor.svelte.d.ts b/packages/components/html-elements/dist/HtmlAnchor.svelte.d.ts
index b9cd7b2f..7a9ceb4a 100644
--- a/packages/components/html-elements/dist/HtmlAnchor.svelte.d.ts
+++ b/packages/components/html-elements/dist/HtmlAnchor.svelte.d.ts
@@ -1,3 +1,4 @@
+/// <reference types=".pnpm/svelte@4.2.17/node_modules/svelte" />
 import { SvelteComponent } from "svelte";
 import type { Maybe } from '@288-toolkit/types';
 declare const __propDef: {
diff --git a/packages/components/html-elements/dist/HtmlImg.svelte.d.ts b/packages/components/html-elements/dist/HtmlImg.svelte.d.ts
index 4c780200..f4b53b41 100644
--- a/packages/components/html-elements/dist/HtmlImg.svelte.d.ts
+++ b/packages/components/html-elements/dist/HtmlImg.svelte.d.ts
@@ -1,3 +1,4 @@
+/// <reference types=".pnpm/svelte@4.2.17/node_modules/svelte" />
 import { SvelteComponent } from "svelte";
 import type { Maybe } from '@288-toolkit/types';
 declare const __propDef: {
diff --git a/packages/components/html-elements/dist/HtmlTime.svelte.d.ts b/packages/components/html-elements/dist/HtmlTime.svelte.d.ts
index 0233d59a..550c373f 100644
--- a/packages/components/html-elements/dist/HtmlTime.svelte.d.ts
+++ b/packages/components/html-elements/dist/HtmlTime.svelte.d.ts
@@ -1,3 +1,4 @@
+/// <reference types=".pnpm/svelte@4.2.17/node_modules/svelte" />
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
diff --git a/packages/components/html-elements/dist/HtmlVideo.svelte b/packages/components/html-elements/dist/HtmlVideo.svelte
index 2e356253..1cb3c247 100644
--- a/packages/components/html-elements/dist/HtmlVideo.svelte
+++ b/packages/components/html-elements/dist/HtmlVideo.svelte
@@ -1,14 +1,26 @@
 <script lang="ts">
 	export let autoplay = false;
 	export let disableremoteplayback = true;
+	export let muted = false;
+	export let controls = true;
+
+	// These attributes are not well handled by Svelte (see https://github.com/sveltejs/svelte/issues/6536)
+	// so we update them manually
+	const setAttributes = (el: HTMLVideoElement) => {
+		el.muted = muted;
+		el.controls = controls;
+	};
 </script>
 
 <!-- svelte-ignore a11y-media-has-caption -->
 <video
-	playsinline={autoplay || null}
-	{autoplay}
+	autoplay={autoplay ? true : null}
+	playsinline={autoplay ? true : null}
+	muted={muted ? true : null}
+	controls={controls ? true : null}
 	{disableremoteplayback}
 	x-webkit-airplay={disableremoteplayback ? 'deny' : 'allow'}
+	use:setAttributes
 	{...$$restProps}
 >
 	<slot />
diff --git a/packages/components/html-elements/dist/HtmlVideo.svelte.d.ts b/packages/components/html-elements/dist/HtmlVideo.svelte.d.ts
index 150190e2..ca9abb46 100644
--- a/packages/components/html-elements/dist/HtmlVideo.svelte.d.ts
+++ b/packages/components/html-elements/dist/HtmlVideo.svelte.d.ts
@@ -1,9 +1,12 @@
+/// <reference types=".pnpm/svelte@4.2.17/node_modules/svelte" />
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
         autoplay?: boolean | undefined;
         disableremoteplayback?: boolean | undefined;
+        muted?: boolean | undefined;
+        controls?: boolean | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;
diff --git a/packages/components/html-elements/src/lib/HtmlVideo.svelte b/packages/components/html-elements/src/lib/HtmlVideo.svelte
index 2e356253..1cb3c247 100644
--- a/packages/components/html-elements/src/lib/HtmlVideo.svelte
+++ b/packages/components/html-elements/src/lib/HtmlVideo.svelte
@@ -1,14 +1,26 @@
 <script lang="ts">
 	export let autoplay = false;
 	export let disableremoteplayback = true;
+	export let muted = false;
+	export let controls = true;
+
+	// These attributes are not well handled by Svelte (see https://github.com/sveltejs/svelte/issues/6536)
+	// so we update them manually
+	const setAttributes = (el: HTMLVideoElement) => {
+		el.muted = muted;
+		el.controls = controls;
+	};
 </script>
 
 <!-- svelte-ignore a11y-media-has-caption -->
 <video
-	playsinline={autoplay || null}
-	{autoplay}
+	autoplay={autoplay ? true : null}
+	playsinline={autoplay ? true : null}
+	muted={muted ? true : null}
+	controls={controls ? true : null}
 	{disableremoteplayback}
 	x-webkit-airplay={disableremoteplayback ? 'deny' : 'allow'}
+	use:setAttributes
 	{...$$restProps}
 >
 	<slot />