[mattisbParticipant]

I have been working on an animated video slide within revolution slider. Here’s site http://zeuss.com/home_original_mobile_animation/

There are only two layers to the slide: 1) the .mp4 video layer, and 2) the “learn more” button.

I would like to have to button on top of the video so that it’s clickable. I have two annoying issues that perhaps someone here knows a solution to:

1) Depending on the size of the screen, the button does not always line up (centered) perfectly with the text/icon in the mp4 video.

2) Depending on how long the video takes to buffer before it starts playing, the timing of when the button appears can be off (it’s supposed to come immediately after the last frame of the video).

Any one know a what to solve either of the above?

[RadModerator]

Hi Barret,

Thanks for posting in.

1. Because video scaling is different than font re-sizing. It’s best to remove texts on video, and put them on slider’s layer.

2. Rev. slider does not have preloading api for video that will let other layer knows if it’s loaded. The best option is to optimize your video and host it with cloud CDN to make loading faster.

OR, your option is to include all texts and buttons within the video and linked the entire slide. That creates clickable link even if the button is part of the video.

Cheers!

[Author]

Posts