Video Integration Example

This lesson demonstrates how to use the video components in your course content.

Basic YouTube Video

Here’s a simple YouTube embed:

Advanced Video Player

For more control, use the VideoPlayer component:

Features Included

✅ Playback Speed Control

• Adjust video speed from 0.5x to 2x
• Perfect for reviewing complex topics

✅ Watch Time Tracking

• Automatically tracks your progress
• Data saved locally for your reference

✅ Picture-in-Picture Mode

• Watch while browsing other content
• Available for self-hosted videos

✅ Transcripts

• Click “Transcript” to view full text
• Great for accessibility and quick reference

Vimeo Example

You can also embed Vimeo videos:

Self-Hosted Video

For videos hosted on your server:

Best Practices

1. Always include titles - Helps with SEO and accessibility
2. Add transcripts when possible - Makes content searchable
3. Keep videos concise - 5-10 minutes is ideal
4. Use chapters in transcripts - Helps users navigate

Next Steps

Try adding videos to your own lessons using these components!