ef-video
Attributes
srcRequiredstringURL or path to video source
sourceintimestringAbsolute start time in source media
sourceouttimestringAbsolute end time in source media
trimstarttimestringDuration to trim from start
trimendtimestringDuration to trim from end
durationtimestringOverride element duration
mutebooleanSilence the audio track
Default:
falsevolumenumberAudio volume (0.0 to 1.0)
Default:
1Video element with source trimming.
Basic Usage
Live
Trimming Approaches
Two ways to trim video -- choose based on your workflow:
Absolute Trimming (sourcein/sourceout)
Show specific timestamps from source. Use when you know exact timecodes.
Live
Relative Trimming (trimstart/trimend)
Remove time from start/end. Use when thinking "cut off X seconds".
Live
When to use each:
sourcein/sourceout— Working with timecodes, precise frame referencestrimstart/trimend— UI builders, "how much to cut off" thinking
Muted / Volume
<ef-video src="video.mp4" mute class="size-full"></ef-video><ef-video src="video.mp4" volume="0.5" class="size-full"></ef-video>
Picture-in-Picture
Live
Understanding Video ElementsStep 1 of 4