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