Wizcamp

Video Player Component

Custom HTML5 video player with controls, seeking, and overlay

Trivia Quest Camp

Trivia Quest Introduction

9m 56s

AI Chatbot Camp

AI Chatbot Demo

10m 53s

Recipe Keeper Camp

Recipe Keeper Introduction

Implementation Notes

  • • Custom play overlay with caption and duration
  • • Seekable progress bar (mouse and touch support)
  • • Play/pause, mute, and restart controls
  • • Auto-hide controls on mouse leave
  • • Mobile-friendly with touch events
  • • Served from CloudFront CDN
  • • Accessible with ARIA labels

CDN Configuration

CDN URL: https://cdn.wizcamp.io

Videos and posters served from Amazon CloudFront

<VideoPlayer
  src={`${process.env.NEXT_PUBLIC_CDN_URL}/videos/camps/trivia-quest-intro.mp4`}
  poster={`${process.env.NEXT_PUBLIC_CDN_URL}/videos/posters/trivia-quest.jpg`}
  caption="Trivia Quest Introduction"
  duration="9m 56s"
/>