D
D
drokov2014-06-17 23:55:11
User interface
drokov, 2014-06-17 23:55:11

How to embed a video on a website in perspective distortion?

Hello!
The problem is this: the site must have a small looped video clip that is called automatically when the page loads. The video is vertical and should be presented in perspective, like this: https://yadi.sk/d/OYKeTKu-Tnsy3
Actually, the question on my part, as a designer: is it possible to implement this thing if I give a video clip to a layout designer/programmer 600*1200px? The page should be responsive and easy to drag without moving the video itself. In principle, I can make a video already in perspective, it's not clear what to do with the areas around it. There will be a background, and as far as I know, the video cannot be made with a transparent background.
Also, if a solution is found, I am looking for a person who can bring it to life in the near future. In addition to the video, the layout of one adaptive page with a picture, a gradient, two or three links and a FB sharing button is needed.
Thank you!

Answer the question

In order to leave comments, you need to log in

1 answer(s)
V
Vladimir, 2014-06-18
@drokov

For an honest perspective, there is a perspective ( jsfiddle.net/YJ5Cj/), but not everything is clear there with support.
A not quite fair perspective can be simulated with CSS-transforms skew+rotate

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question