Skip to content

Video

Embeds a video that syncs with the Framely timeline.

Usage

jsx
import { Video, AbsoluteFill } from 'framely';

function MyVideo() {
  return (
    <AbsoluteFill>
      <Video src="/background.mp4" style={{ width: '100%' }} />
    </AbsoluteFill>
  );
}

Props

Accepts all standard <video> props plus:

PropTypeDescription
srcstringVideo source URL
startFromnumberStart playback from this frame
endAtnumberEnd playback at this frame
volumenumber | functionVolume (0-1) or a function of frame

Released under the MIT License.