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];