This is a read-only archive of the Framer Community on Facebook.

What is Framer? Join the Community
Return to index
Koen Bok
Posted Sep 30 - Read on Facebook

I just added VideoLayer to Framer. It allows you to easily add a video to a layer and play, pause, loop or skip to a point. It's also easy to get events like progress, start and ended.

The VideoLayer can do anything a normal layer can do. So you can animate it or apply any effect like blur or sepia.

I'll add official documentation soon, for now you can check the example below for basic usage. You will need the latest framer.js to use it, you can download it on the builds page or select "File > Update Framer" from within Framer Studio.

Here is a basic example:

14 Comments

Koen Bok

Protip: this is great for adding (small) pixel-based animations that you for example create in After Effects.

Pasquale D'Silva

fuck yes.

Aaron Carámbula

Yes! Thanks Koen.

Aaron Carámbula

Oh bummer on mobile safari it has to pop a video view

Koen Bok

Aaron we have to fix that in Framer Viewer

Koen Bok

It's just a flag on the webview

Aaron Carámbula

Oh no way!

Jonathan Lévy

RAD.

Johannes Eckert

incredible!

Paul Stamatiou

disregard my last comment.. just saw this :)

Aaron Root

Perfect timing!

Jordan Robert Dobson

Nice Koen.

Shamik Ray

Exactly what I was hoping to have.Awesome!

Ronald Rez

thanks. in the current framer however it throws an error related to the events (see attached error message screen grab):
videoLayer.player.on "play", ->
print "video.play"

videoLayer.player.on "ended", ->
videoLayer.player.play() # Loop
print "video.ended"

any ideas why and how to fix that?

Read the entire post on Facebook