Skip to main content

Video Editor

Editframe enables you to embed an interactive video editor into your app via a simple iframe. The editor comes with Editframe branding out-of-the-box. Reach out to us if you would like to white-label the editor with your own logo and starting templates, or customize which features are made available to your users.

Feature Customization

The editor can be customized in a variety of ways by providing query parameters to the iframe src.

Query ParamDescription
hideControlsA comma separated list of controls available to the end-user
layersA comma separated list of layers that can be added to the composition
modeCustomize how the end-user will interact with the video editor
timelineA description of the pre-loaded timeline configuration

hideControls

The following controls are availabe to be hidden via the hideControls query param:

OptionDescriptionModes
playbackRemoves the playback controlspreview

layers

The following layers are availabe to be passed to the layers query param:

OptionDescription
audioEnables the ability to add Audio layers to the video
imageEnables the ability to add Audio layers to the video
textEnables the ability to add Text layers to the video
videoEnables the ability to add Video layers to the video
waveformEnables the ability to add Waveform layers to the video

Note: This parameter can only be used in conjunction with the mode=composition query param.

mode

The following modes are available for use with the mode query param:

OptionDescription
compositionAllow the end-user to construct a video from scratch (default)
previewAllow the end-user to view a real-time preview of a composition
templateAllow the end-user to construct a video based on an existing template

timeline

Documentation coming soon.

Note: This parameter can only be used in conjunction with the mode=preview query param.

Compostion Mode Example

Here's an example of the video editor in composition mode with only the audio and image layers enabled:

<iframe
src="https://embed.editframe.com/APP_ID?mode=composition&layers=audio,image"
style="height: 800px; width: 100%"/>

Preview Mode Example

Here's an example of the video editor in preview mode:

<iframe
src="https://embed.editframe.com/APP_ID?mode=preview&timeline="
style="height: 500px; width: 500px"/>

Template Mode Example

Here's an example of the video editor in template mode:

<iframe
src="https://embed.editframe.com/APP_ID?mode=template&template=podcast"
style="height: 800px; width: 100%"/>