Live Demo
Try every MediaKit feature in action. Upload videos and images, watch HLS streaming, test image transforms, and generate embed codes. Each section shows the implementation code.
Sandbox mode: All uploaded files are automatically deleted every 30 minutes. This is a public demo — do not upload sensitive content. Videos and images support external S3/R2/CDN URLs too.
1. Video Upload
Upload a video file. It goes directly to R2/S3 via presigned URL, then auto-transcodes to HLS (360p–1080p).
Drop your video here, or browse
MP4, WebM, QuickTime · Max 500 MB
2. Video Player
HLS adaptive streaming with auto quality switching. Enter a MediaKit asset ID or any external HLS/MP4 URL.
Enter an asset ID or external video URL above
3. Image Upload
Upload images to MediaKit. They're stored in R2/S3 and available for on-demand transforms.
Drop your image here, or browse
JPEG, PNG, WebP · Max 10 MB
4. Image Transforms
On-demand resize, crop, format conversion. Transformed images are cached at CDN edge. Also supports external image URLs.
5. Embed Code Generator
Generate embed codes to put a MediaKit video player on any website — WordPress, Ghost, Notion, or plain HTML.
Script Tag (recommended)
Drop this into any HTML page, WordPress, Ghost, Notion, etc.
<script src="/mediakit-embed.js" data-id="1"></script>Iframe
Use when you need sandboxed embedding.
<iframe src="/embed/1" width="640" height="360" frameborder="0" allowfullscreen></iframe>6. Media Gallery
Browse all assets in the demo workspace. Shows videos and images with thumbnails and status.
No assets yet. Upload a video or image above!
Ready to integrate?
Install the React SDK and start building in minutes.