React’te Video Oynatıcı Nasıl Oluşturulur?

import React, { useState } from "react";

function VideoPlayer() {
  const [playing, setPlaying] = useState(false);
  const [muted, setMuted] = useState(false);

  const handlePlay = () => setPlaying(true);
  const handlePause = () => setPlaying(false);
  const handleMute = () => setMuted(!muted);

  return (
    <div>
      <video
        src="https://www.example.com/video.mp4"
        controls
        onPlay={handlePlay}
        onPause={handlePause}
        muted={muted}
      />
      <div>
        {playing ? (
          <button onClick={handlePause}>Pause</button>
        ) : (
          <button onClick={handlePlay}>Play</button>
        )}
        <button onClick={handleMute}>
          {muted ? "Unmute" : "Mute"}
        </button>
      </div>
    </div>
  );
}

export default VideoPlayer;