diff --git a/src/util/createHTMLMediaHook.ts b/src/util/createHTMLMediaHook.ts
index 8cf0a0d5..27fb885a 100644
--- a/src/util/createHTMLMediaHook.ts
+++ b/src/util/createHTMLMediaHook.ts
@@ -205,15 +205,16 @@ const createHTMLMediaHook = (tag: 'audio' | 'video') => {
         return;
       }
 
+      setState({
+        volume: el.volume,
+        muted: el.muted,
+        isPlaying: !el.paused,
+      });
+
       // Start media, if autoPlay requested.
       if (props.autoPlay && el.paused) {
         controls.play();
       }
-
-      setState({
-        volume: el.volume,
-        muted: el.muted,
-      });
     }, [props.src]);
 
     return [element, state, controls, ref];