Loading, please wait...
Video Modal Demo
Content with Play Buttons
Click the play button on any content item to open the video modal with JWPlayer.
39s
Short2
Action movie with multiple quality sources
18s
Shorts5
Another exciting short film
30s
Sample Video
Test video for demonstration
How It Works
1. Content Display: Show content with poster images and play buttons
2. Play Button Click: User clicks play button on any content
3. Modal Opens: VideoModal component opens with JWPlayer
4. Video Plays: JWPlayer loads and plays the video
5. Multiple Qualities: Player shows quality selector for best experience
// Usage in your components <VideoModal isOpen={isModalOpen} onClose={() => setIsModalOpen(false)} mediaId={currentMediaId} title={currentTitle} videoData={jwPlayerData} // Optional: pass JWPlayer API response />
