Description: This example showcases advanced features and API methods
available in VSRCPlayer. Experiment with different controls to see the player's capabilities.
Playback Controls
Volume Controls
100%
Video Sources
Advanced Actions
Status: Initializing...
Current Time
0s
Duration
0s
Volume
100%
Playing
No
Feature Highlights
Multiple Format Support: MP4, WebM, HLS (M3U8)
Dynamic Source Switching: Change video sources on the fly
Volume Control: Programmatic and UI-based volume adjustment
Seek Controls: Jump to specific times or seek relative to current position
Player State Access: Query current playback state, time, volume, etc.
Event Handling: Custom callbacks for ready, error, and other events
Responsive Design: Fluid player that adapts to container size
Fullscreen Support: Native fullscreen API integration
API Methods Demonstrated:
// Playback control
player.play()
player.pause()
player.seek(seconds)
// Volume control
player.volume(level) // Set (0-1)
player.volume() // Get
// State queries
player.currentTime()
player.isPlaying()
player.getPlayer() // Access underlying video.js instance
// Source management
player.setSource(src, type)
// Cleanup
player.dispose()