Player Controls

Control Bar Overview

The video player features a comprehensive control bar with the following elements:

1. Play/Pause Button - Click to start or stop video playback
2. Progress Bar - Shows current position and allows seeking
3. Chapters - Navigate to specific sections of the video (when enabled)
4. Volume Control - Adjust audio level
5. Time Display - Current time / Total duration
6. Subtitle Display - Toggle subtitle display
7. Settings Menu - Access playback speed, quality, subtitles, and audio options
8. Picture-in-Picture - Open video in a floating window
9. Fullscreen - Expand video to full screen

Playback Speed Control

The player offers multiple playback speeds:

• 0.25x - Quarter speed (great for detailed analysis)
• 0.5x - Half speed (helpful for learning complex content)
• 0.75x - Three-quarter speed
• Normal (1.00x) - Standard playback speed
• 1.25x - Slightly faster
• 1.5x - 1.5x speed
• 1.75x - Fast playback
• 2x - Double speed (maximum)

Custom Speed Control

[//] # ()

Video Chapters

Chapters allow viewers to navigate to specific sections of a video, similar to YouTube chapters. When enabled, chapter markers appear on the progress bar, making it easy to jump to relevant content.

How Chapters Work

1. Progress Bar Markers - Chapter points are displayed as segments on the progress bar
2. Chapter Titles - Hovering over a segment shows the chapter title
3. Quick Navigation - Click any chapter segment to jump directly to that section

Adding Chapters to Your Videos

Chapters are configured in the RIXL dashboard:

1. Navigate to your video in the dashboard
2. Open the video settings
3. Add chapters with timestamps and titles
4. Save your changes

Enabling Chapters in Your Player

To display chapters in your embedded player, set the chapters prop to true:

<Video id="D3OCjdLP60" chapters={true} />

Chapter Best Practices

• Meaningful titles - Use descriptive titles that help viewers find specific content
• Logical breakpoints - Place chapters at natural content transitions
• Consistent timing - For series or similar content, try to maintain consistent chapter structures

Subtitle Controls

To Enable subtitle:

1. Click the Settings gear icon
2. Select Subtitle/CC
3. Choose your preferred language:

• Off - No subtitles
• English - English subtitles
• (Additional languages available based on video)

Subtitle Customization

Click Options in the subtitle menu to customize appearance:

Font Settings:

• Font Family: Choose from multiple typefaces
• Font Size: Adjust text size from 50% to 200%
• Font Color: Select text color

Background Settings:

• Background Color: Choose subtitle background
• Background Opacity: Control background transparency

Window Settings

• Window Color: Set the subtitle window color
• Window Opacity: Adjust window transparency

Subtitle Best Practices

• High Contrast: Use white text on black background for best readability
• Appropriate Size: 100-125% font size works well for most screens
• Background Opacity: 75% opacity provides good text visibility without obscuring video
• Positioning: Subtitles appear at the bottom of the video by default

Video Quality Settings

The player supports multiple resolution levels tailored to the video source and your viewing conditions:

• Auto (Recommended) - Automatic quality selection based on your network connection speed and playback device.

• Other Available Resolutions - The player supports various quality settings, from high definition down to lower resolutions for slower connections. The specific options available will depend on the source video.

To select quality:

1. Click the Settings gear icon
2. Select Quality
3. Choose your preferred resolution
4. The selected quality is marked with a checkmark

Choose a specific quality when you want to:

• Force higher quality for important content (if your connection supports it)
• Force lower quality to save bandwidth or improve performance
• Maintain consistent quality throughout playback

Audio Track Selection

Videos may include multiple audio tracks:

• English - English audio track
• Spanish - Spanish audio track
• Commentary (eng) - English commentary track
• (Additional languages and tracks based on video content)

Selecting Audio Tracks:

1. Click the Settings gear icon
2. Select Audio Track
3. Choose your preferred audio option
4. The selected track is marked with a checkmark
5. Audio switches immediately without interrupting playback

Keyboard Shortcuts

Playback Controls

Seeking Controls

Audio Controls

Display Controls

Quick Navigation

Picture-in-Picture Mode

Enabling PiP Mode:

1. Click the Picture-in-Picture icon in the control bar or Press F on your keyboard
2. The video opens in a floating window
3. Continue working in other applications while the video plays
4. The PiP window stays on top of other content

The floating window includes basic controls:

• Play/Pause button
• Close PiP button
• Resize handles (drag corners to resize)
• Move handle (drag to reposition)

Returning to Main Player

• Click the video in the PiP window to return to the main player
• Close the PiP window to stop playback
• Switch browser tabs to return to the original player
• Use "i" key

Fullscreen Mode

Entering Fullscreen:

• Click the Fullscreen icon in the control bar
• Press F on your keyboard

Fullscreen Controls:

• Auto-hide: Controls disappear after a few seconds of inactivity
• Show Controls: Move your mouse to reveal controls
• Exit Fullscreen: Press Esc, click the exit fullscreen icon, or Press F on your keyboard

Fullscreen Tips

• Use keyboard shortcuts for quick control without showing the control bar
• Press Esc to quickly exit fullscreen mode