Playbar Disappears When Rotated

Question

Hi,I have CSS to rotate my course to make it always in Landscape mode. This is the CSS I have:@media (orientation:portrait){#main_container { transform-origin: 30% 60%; transform: rotate(90deg); top: -153px !important;}}However, when I am in a browser and it is rotated then the playbar buttons disappear. They appear to still be in the DOM but are not showing.Does anyone know why or how to fix this issue? I am wanting to only display my lesson in landscape mode. If there is another solution that doesn't make the buttons disappear then that would work too!I am in Captivate 2017.Thank you.

jensaint · Answer

For anyone still looking for a solution to this, I may have one for you. I just found a similar issue the other day in Chrome.

I have a 1280x720 scalable HTML5 training, and the playbar would disappear when the screen was resized any higher than 1357w x 937h in landscape. It was still in DOM (still active) but not showing. I tracked it back to a missing css style call for webkit browsers. It would affect Chrome and some other webkit-dependent browsers, so it could be a similar issue described in the original post.

The solution, which is adding a line of code to your <style> tag in your index.html file, is written up on my blog. I also submitted it to Adobe - hopefully they'll be able to provide a more permanent solution.

I hope this helps!

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