Responsive project. Lock one objects position relative to other objects

Question

HiI have a course with a slide video.I also have some interactive buttons that popup, pause the video, and when the user interact with the button the video continues.Now when building this course as responsive I have run into some problem.I need the buttons and everything else I put on top of the video to keep the position when rescaling everything.  Now when the user flips their phone. the buttons are no longer visible.Any solution to this?  Can I work with master templates for this?

Lilybiri · Accepted Answer

Yes thats were I git it worng. Started with lower resolution. But since my course contain just a burger menu and a slide video. The fluid boxes will not work for me if I understand it correctly?

Why do you need a responsive project in that case? If you have only slide video and a menu? Use an interactive video, and publish it as Scalable HTML. Here is an example of such an interactive video:

http://www.lilybiri.com/published/PlayPause_Scal/index.html

Too many users use Fluid Boxes projects where it is totally unnecessary, and than get into issues like the one you described.

You can have a slide video in a Fluid Boxes project, as I described in the first link offered, but it will be on a slide without fluid boxes.

Lilybiri · Answer

You cannot have a slide video in a fluid box. Since you talk about a responsive project, I wonder how you set up the slide with the video? Stacking objects is also impossible in normal fluid boxes. Or are you using Breakpoint views to develop the responsive project?

I wrote a blog post about using Interactive video in a Fluid Boxes project:

https://blog.lilybiri.com/fluid-boxes-and-interactive-video-position-properties-panel

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded