diff --git a/app/javascript/mastodon/features/audio/index.tsx b/app/javascript/mastodon/features/audio/index.tsx
index bff9013cdf..751af51b81 100644
--- a/app/javascript/mastodon/features/audio/index.tsx
+++ b/app/javascript/mastodon/features/audio/index.tsx
@@ -442,11 +442,14 @@ export const Audio: React.FC<{
     if (typeof startMuted !== 'undefined') {
       audioRef.current.muted = startMuted;
     }
+  }, [setDuration, startTime, startVolume, startMuted]);
 
+  const handleCanPlayThrough = useCallback(() => {
     if (startPlaying) {
-      void audioRef.current.play();
+      resumeAudio();
+      void audioRef.current?.play();
     }
-  }, [setDuration, startTime, startVolume, startMuted, startPlaying]);
+  }, [startPlaying, resumeAudio]);
 
   const seekBy = (time: number) => {
     if (!audioRef.current) {
@@ -591,6 +594,7 @@ export const Audio: React.FC<{
         onPause={handlePause}
         onProgress={handleProgress}
         onLoadedData={handleLoadedData}
+        onCanPlayThrough={handleCanPlayThrough}
         onTimeUpdate={handleTimeUpdate}
         onVolumeChange={handleVolumeChange}
         crossOrigin='anonymous'