Loading, please wait...
JWPlayer Video Integration
Video Player with Multiple Quality Sources
Setting up player...
Player ID: xeZY8JtH
Media ID: sUN0mCvm
Available Qualities: 180p, 270p, 360p, 406p, 540p, 720p, 1080p
Duration: 39 seconds
Video Details
Video Sources
Quality: undefinedp
Type: application/vnd.apple.mpegurl
File: https://cdn.jwplayer.com/manifests/sUN0mCvm.m3u8
Quality: 180p
Type: video/mp4
File: https://cdn.jwplayer.com/videos/sUN0mCvm-kytzAkN3.mp4
Quality: 270p
Type: video/mp4
File: https://cdn.jwplayer.com/videos/sUN0mCvm-0SCgMhay.mp4
Quality: 360p
Type: video/mp4
File: https://cdn.jwplayer.com/videos/sUN0mCvm-WRhNnwkF.mp4
Quality: 406p
Type: video/mp4
File: https://cdn.jwplayer.com/videos/sUN0mCvm-15r6DtxT.mp4
Quality: 540p
Type: video/mp4
File: https://cdn.jwplayer.com/videos/sUN0mCvm-obHjgdUk.mp4
Quality: 720p
Type: video/mp4
File: https://cdn.jwplayer.com/videos/sUN0mCvm-t5BxOO2X.mp4
Quality: 1080p
Type: video/mp4
File: https://cdn.jwplayer.com/videos/sUN0mCvm-zopYOkZD.mp4
Poster Images
Size: 320x320
Type: image/jpeg
URL: https://cdn.jwplayer.com/v2/media/sUN0mCvm/poster.jpg?width=320
Size: 720x720
Type: image/jpeg
URL: https://cdn.jwplayer.com/v2/media/sUN0mCvm/poster.jpg?width=720
Size: 1920x1920
Type: image/jpeg
URL: https://cdn.jwplayer.com/v2/media/sUN0mCvm/poster.jpg?width=1920
How to Use
1. Basic Usage: Pass playerId and mediaId to JWPlayer component
2. With Video Data: Pass videoData prop for multiple quality sources
3. Quality Selection: Player automatically shows quality selector
4. Responsive: Player adapts to container width with 16:9 aspect ratio
5. Controls: Full video controls including playback speed
<JWPlayer playerId="xeZY8tH" mediaId="sUN0mCvm" videoData={videoData} width="100%" aspectRatio="16:9" />
