HLS video from R2 with the Epicuts skin. Shows the poster first and loads the player near the viewport.
Source: src/components/media/video-player.tsx

import { VideoPlayer } from "@/components/media";
import { videos } from "@/content/videos";
export default function VideoPlayerExample() {
return (
<div className="w-full max-w-2xl">
<VideoPlayer video={videos.demo} />
</div>
);
}