Next.js Videos

Expert guidance on using and optimizing videos in Next.js — self-hosted, external embeds, streaming with Suspense, accessibility, and performance.

@doc-version: 16.2.6

Core Concepts

Videos ใน Next.js ใช้ 2 วิธีหลัก:

• <video> — self-hosted / direct files (full control)
• <iframe> — external platforms (YouTube, Vimeo)

Guidelines

1. Self-hosted Video (<video>)