Skip to content

SingleEmbed

SingleEmbed displays one video. It accepts either an API-driven apiKey + videoId pair, or a pre-fetched video object — not both.

The embed fetches the video from the SEEEN API using your credentials.

import { SingleEmbed } from "@seeen/embed/single";
<SingleEmbed apiKey="YOUR_KEY" videoId="1234" />

Supply a VideoItem directly when you already have the data.

<SingleEmbed
video={{
id: "1",
title: "My Video",
src: "https://example.com/video.m3u8",
poster: "https://example.com/thumb.jpg",
}}
/>

Pass startTime in seconds, or add ?t=30 to the page URL (same as YouTube).

<SingleEmbed apiKey="YOUR_KEY" videoId="1234" startTime={42} />
PropTypeRequiredDescription
apiKeystringoptionalYour SEEEN API key. Required in API-driven mode.
videoIdstringoptionalThe video ID to fetch. Required in API-driven mode.
videoVideoItemoptionalPre-fetched video data. Required in pre-fetched mode.
activeMomentMomentoptionalPre-selects a moment (chapter), seeking to it on first play.
activeMomentIdstringoptionalPre-selects a moment by ID, resolved against the video's moments. Falls back to the `_seeen_moment` URL parameter. Ignored when `activeMoment` is set.
autoplaybooleanoptionalStart playing automatically on load. Most browsers require `muted`.
gaMeasurementIdstringoptionalGoogle Analytics 4 measurement ID (e.g. `"G-XXXXXXXXXX"`).
momentEndSplashbooleanoptionalShow a "Watch Again / Resume Video" splash when the active moment ends.
momentNavBehavior"seek" | "moment"optionalWhat clicking a moment in the moments nav does. `"moment"` (default) treats it like `activeMomentId`, stopping at the moment's end and showing the end splash; `"seek"` only jumps to it.
momentsNavPosition"above" | "below" | "none"optionalPosition of the moments navigation bar. Defaults to `"above"`. Set to `"none"` to hide it.
mutedbooleanoptionalMute the video on load. Required for autoplay in most browsers.
overlaysCtaOverlay[]optionalCTA image overlays displayed at fixed positions over the video.
sharebooleanoptionalShow the social share popover. Defaults to `undefined` (show if the API returns icons). Set to `false` to force-hide.
startTimenumberoptionalStart playback at this position in seconds. Falls back to the `?t=` query parameter.