Modern player slide ratio

Jun 04, 2018

Hi. I like the new Modern player and tried applying it to one of my existing courses which is sized 1280 x 720 (16:9). The Modern player seems to be set to a default ratio which is not the traditional 4:3 or 16:9 so my project now doesn’t fill the horizontal space fully and doesn’t look so good. Can you tell me what the ideal slide ratio would be for this player. Thanks.





38 Replies
Leslie McKerchie

Hello Baden,

I wanted to pop in to let you know that there was an enhancement included in the latest update to Storyline 360 that you may be interested in:

Enhanced: SVG images on PowerPoint slides import into Storyline 360 as native shapes. You can customize their fill colors, line styles, and shape effects. Details here.

Just launch the Articulate 360 desktop app on your computer and click the Update button for Storyline 360. Details here.

Please let us know if you have any questions, either here or by reaching out to our Support Engineers directly.

Tatiana Nikolaeva

Hi all,

This is my update on the question.

I tested the new player for iPhone SE and it does not work well - there are no player elements at all (menu, previous and next buttons).

The other thing is for those who use Moodle LMS, modern player and want users to be able to study using mobile devices.

Moodle (3.5) does not have an in-built full-screen mode for scorm packages which are opened on mobile devices. For example, scorm cloud does have it. And testing the course on scorm cloud you'll have a great experience, once you switch to Moodle it's gone.

Thus, Moodle opens courses as it can and depends on the device. Sometimes users can have good experience with an almost full-screen course. However, for some devices a scroll panel will be added, users will see 20-30% percent of a slide. To solve this I use custom "full-screen mode" button in the player.

Many thanks to Michael Anderson for the script.

Details are here

Hope it could be useful for someone.

Lauren Connelly

Hi everyone!

We just released Storyline 360 (Build 3.57.26407.0) today which includes the option to import scalable vector graphics (SVGs) to Storyline 360 so images stay sharp when learners zoom in and out.

Now all you need to do is update Storyline 360 in your Articulate 360 desktop app!

If you run into any issues, don't hesitate to reach out in this discussion or in a support case.

Josh Harris

Awesome...thanks for the update, Lauren!

It appears the initial issue still hasn't been resolved since the first post in this thread over 3 years ago, though. I'm on a small, 24" laptop screen, and using either 4:3 or 16:9 as my slide stage, the content appears in the middle 1/3 of the laptop screen with navigation buttons underneath on the very right and left, with at least 4" of blank "padding" between the content and the buttons. I'm still very curious why the developers haven't, after 3 years, found a way or reason to allow the navigation/player to be bound to the slide size, rather than the display size.

Leslie McKerchie

Hello J A, and welcome to E-Learning Heroes. 😊

I appreciate you chiming in with your experience with the Modern Player as well. 

We have an open feature request specific to the Modern Player to add an option to "Lock the Player at Optimal Size." This conversation is linked to our report to share updates with you here in the future, and I've also shared your comments.

Andrea Koehntop

Hi Peter! Thank you for sharing screenshots of what you are experiencing.

Here's are a few things to begin troubleshooting:

  • Under Player Properties, Player Controls, have you checked the seekbar? (I'm assuming you have already done this since it is showing up on other browsers)
  • Are Chrome and Firefox running on the latest updates? 
  • Here is more information on Storyline 360 system requirements.

If that does solve your issue, would you be able to share your .story file with us publicly here or privately in a case? We will delete it from our systems when troubleshooting is complete. 

Peter Chrzanowski

Hey Andrea

Thank you for replying. 

  • Seekbar is definitely on in the player settings.
  • Chrome (v.100.0.4896.88 - latest)
  • Firefox (v.99.0.1 - latest)
  • Our LMS is Docebo - I have reached out to them already as well but it seems like it's more of a publishing tool issue or browser incompatibility.
  • I can share the file, just include it in the message?
Lauren Connelly

Hello Peter!

Thank you for attaching your project! I've tested your course using SCORM cloud and I am seeing the seekbar displayed viewing in Chrome too. Here's a link to the course.

If the course is working as expected in SCORM cloud then I'd reach out to Docebo to understand their recommended browers.

Peter Chrzanowski

Hi Lauren, thank you for testing it.

I see it as well but that's because it opens up in a new pop up window.

It only behaves incorrectly when it's on the original page. 

I've done some testing on other computers and it seems to have to do with laptop's screen resolution. When tested on a laptop with 1920x1080 and 125% scale layout - it worked fine. Increasing scale to 150% would break it again. Same goes for Chrome browser, changing "zoom" setting from 100% to 90% would fix it.

Not sure if it's the way Storyline UI scales according to the resolution that's the problem.

Maria Costa-Stienstra

Hi, Peter.

Thank you for the additional details!

I tested the course in SCORM Cloud with Chrome, and the scale increased past 150%, but I wasn't able to reproduce the issue either.

Here is the published course if you'd like to try it with the different resolutions and scales on your end. 

Let me know what happens!