admin-frontend/src/pages/VideoPlayer.tsx

@@ -6,6 +6,7 @@ export default function VideoPlayer() {
   const { id } = useParams<{ id: string }>()
   const videoId = id ? parseInt(id, 10) : null
   const videoRef = useRef<HTMLVideoElement>(null)
+  const [isPlaying, setIsPlaying] = useState(false)
   const [showPlayButton, setShowPlayButton] = useState(true)
 
   const videoUrl = videoId ? videosApi.getVideoUrl(videoId) : ''
@@ -13,11 +14,13 @@ export default function VideoPlayer() {
   const handlePlay = () => {
     if (videoRef.current) {
       videoRef.current.play()
+      setIsPlaying(true)
       setShowPlayButton(false)
     }
   }
 
   const handlePause = () => {
+    setIsPlaying(false)
     setShowPlayButton(true)
   }
 
@@ -31,14 +34,17 @@ export default function VideoPlayer() {
     if (!video) return
 
     const handlePlayEvent = () => {
+      setIsPlaying(true)
       setShowPlayButton(false)
     }
 
     const handlePauseEvent = () => {
+      setIsPlaying(false)
       setShowPlayButton(true)
     }
 
     const handleEnded = () => {
+      setIsPlaying(false)
       setShowPlayButton(true)
     }