Using Gifs as banners in Rise 360 - not responsive on tablets and mobiles
I’m trying to use an animated GIF as a section header or banner in Rise.
I created an animation in SL, saved it as a video, then converted it to a GIF that plays once. It is a 2000x400 px size image and text animates in as well as a subtle change to the image itself.
It works fine in the desktop view, but my Rise course is designed to be viewed/played on a tablet.
The GIF is not responsive when viewed in either landscape or portrait. I've attached some screenshots as a reference.
Funnily enough, I have a GIF as the cover photo of my course, and it IS responsive (although it doesn't have text on it).
Has anyone had any experience with this?
Other options I've explored to achieve my desired effect:
- Insert the animated banner as a video – this creates a play button and opens in a player that creates huge padding between the video and the content
- Insert the animation as a SL block – in the tablet view you get that annoying play button instead of a smooth transition.
Any help is greatly appreciated.
Thanks - Leonard