Creating embedded video into static phone mockup graphic

Design help General
1

Hi

I have a psd mockup of a phone and i need to replace the screen contents with a video (can be youtube, vimeo or even gif).

How would i go about doing this with webflow??

I remember some months ago someone posted an example of this on the forum, but i cant seem to find it anywhere.

thanks

2

Place the video in a div container, container set to position:relative, video container set to position absolute top left… Put your transparent image of the phone on top of it, position:absolute top left.

The video would have to be autoplay, or use a gifanim, becuse once a tranparent bitmap over the video, user can’t click play.

You can also embed the iphone into the video itself, works very well.

2 Likes
3

thanks vincent, any chance u know of any good android screen recording apps?

4

At all, I never found one. So I’m interrested if you find one. Although I’m not sure I’ll ever address the android app market again… (:

5

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.