diff --git a/src/components/Post/Embed/VideoEmbed/VideoVolumeContext.tsx b/src/components/Post/Embed/VideoEmbed/VideoVolumeContext.tsx
index 7db5f9842..74ee11238 100644
--- a/src/components/Post/Embed/VideoEmbed/VideoVolumeContext.tsx
+++ b/src/components/Post/Embed/VideoEmbed/VideoVolumeContext.tsx
@@ -1,18 +1,20 @@
 import React from 'react'
 
+import {device, useStorage} from '#/storage'
+
 const Context = React.createContext<{
   // native
   muted: boolean
-  setMuted: React.Dispatch<React.SetStateAction<boolean>>
+  setMuted: (v: boolean) => void
   // web
   volume: number
-  setVolume: React.Dispatch<React.SetStateAction<number>>
+  setVolume: (v: number) => void
 } | null>(null)
 Context.displayName = 'VideoVolumeContext'
 
 export function Provider({children}: {children: React.ReactNode}) {
   const [muted, setMuted] = React.useState(true)
-  const [volume, setVolume] = React.useState(1)
+  const [volume = 1, setVolume] = useStorage(device, ['videoVolume'])
 
   const value = React.useMemo(
     () => ({
diff --git a/src/storage/schema.ts b/src/storage/schema.ts
index 9e588d63b..4d2089c9c 100644
--- a/src/storage/schema.ts
+++ b/src/storage/schema.ts
@@ -69,6 +69,8 @@ export type Device = {
    */
   policyUpdateDebugOverride?: boolean
   [PolicyUpdate202508]?: boolean
+
+  videoVolume: number
 }
 
 export type Account = {