editframe
Open app
Start+
OverviewExamples
Tasks+
Create a videoBuild an editorAutomate rendering
Composition+
Time ModelScriptingCSS & AnimationsReactRendering
Elements+
ef-audioef-captionsef-captions-active-wordef-captions-after-active-wordef-captions-before-active-wordef-captions-segmentef-imageef-motionbluref-pan-zoomef-surfaceef-textef-text-segmentef-timegroupef-videoef-waveform
Editor+
ControlsThemeConfigurationef-canvasef-canvas-selection-boxef-composition-thumbnail-stripef-controlsef-dialef-fit-scaleef-fullscreenef-hierarchyef-hierarchy-itemef-muteef-overlay-itemef-overlay-layeref-pauseef-pipef-playef-previewef-resolutionef-scrubberef-thumbnail-stripef-time-displayef-timelineef-timeline-rowef-timeline-ruleref-toggle-loopef-toggle-playef-transform-handlesef-treeef-tree-itemef-trim-handlesef-volumeef-waveform-stripef-workbench
Plugins+
vite-pluginnextjs-plugin
CLI+
authcheckcloud-renderdev-serverpreviewprocessprocess-filerendersynctranscribewebhook
Cloud API+
FilesRendersWebhooksURL Signing
  1. Documentation/
  2. Editor/
  3. ef-controls

Editor

ef-controls

The <ef-controls target="#preview"> element works as a proxy container.

The <ef-controls target="#preview"> element works as a proxy container.

Attributes

1 of 1

target

React prop
target
Type
string
Default
""
Description
ID of the target element descendant controls resolve playback through by default.
Previousef-canvasNextef-preview

Continue with

  • Build an editor
  • Create a video
editframe

Products

  • Rendering
  • Cloud
  • Playback
  • Editor

Resources

  • Docs
  • Agent preview
  • Examples
  • Motion catalog
  • Pricing

Company

  • Blog
  • Terms
  • Privacy
  • Contact

© 2026 Editframe, Inc.