Using and Optimizing Videos in Next.js – From <video> to Vercel Blob

Self-hosted videos: Full control and customization
Hosted platforms: Easy integration and platform features

Next.js supports embedding videos using the <video> tag for self-hosted files and <iframe> for external platforms like YouTube. This article explores best practices for accessibility, streaming with React Suspense, adding subtitles, and hosting videos with Vercel Blob for scalable performance.

videoiframeSuspenseVercel Blob

~2 min read • Updated Oct 28, 2025