Ankita Dave For The First Timemp4 Page

app.get('/api/videos', (req, res) => { // Assuming video metadata is stored in a JSON file fs.readFile('videos.json', (err, data) => { if (err) throw err; res.json(JSON.parse(data)); }); });

useEffect(() => { fetch('/api/videos/1') // Fetch video data .then(response => response.json()) .then(data => setVideo(data)); }, []); Ankita Dave For The First Timemp4

const VideoPlayer = () => { const [video, setVideo] = useState({}); { if (err) throw err

return ( <div> <video controls src={video.filePath} poster={video.thumbnailURL} /> {/* Plyr initialization can be added here */} </div> ); }; response.json()) .then(data =&gt

export default VideoPlayer; const express = require('express'); const app = express(); const fs = require('fs');