The player is the frame around your slide content. It holds navigation features, such as the menu, seekbar, and previous and next buttons. In Storyline 360, you can choose the classic player or the all-new modern player. Here's how.

Switching Between the Modern and Classic Player Styles

We made it easy to switch between the modern and classic players.  Just go to the Home tab on the Storyline ribbon, click Player, then choose a style from the Player Style drop-down list.

New projects automatically use the modern player, but you can switch to the classic player if you’d like.

Projects that were created before the modern player was introduced will continue to use the classic player, but you can switch to the modern player at any time.

Comparing the Modern and Classic Player Styles

We’ll briefly compare the modern and classic player styles here, and you can find more details in this article.

How Modern and Classic Players Look

The modern player gives desktop and mobile learners a fresh, unified experience that’s consistent across all devices, while the classic player looks different on desktop computers and mobile devices. Check out this example.

And when it comes to customizing colors, the modern player makes it super easy. Just select a dark or light theme, then choose an accent color from the color selector. It takes more work to customize colors in the classic player. See this article for details.

How They Behave on Mobile Devices and Desktop Computers

Both player styles are responsive on tablets and smartphones, giving learners the best viewing experience on every screen size and orientation. The sidebar collapses, browser chrome is eliminated, and player controls are mobile-friendly. This gives your slide content more room to shine.

On desktop computers, the modern player scales smoothly to completely fill learners’ browsers; the classic player doesn’t. Learn more.

How the Player Features Work

Player features are mostly the same whether you choose the modern player or the classic player, but there are a few differences, as described in the following table. Click here for more information.

Modern Player

Classic Player

You can choose to collapse the sidebar by default, allowing learners to expand it when they need it.

The sidebar is always expanded on desktop and laptop computers. It’s always collapsed on mobile devices.

Topbar tabs are always on the side of the player opposite the sidebar.

You can have topbar tabs on the right and left sides of the player.

Enable or disable the play/pause button and seekbar independently.

Enable or disable the play/pause button and seekbar as a single unit.

Make the seekbar conditional so learners can't skip ahead until they've completed each slide. Learn more.

The classic player doesn't have a conditional seekbar.

Quickly turn off all player features for a chromeless design by flipping a switch. Details here.

You can turn off all player features for a chromeless design. It just takes more work than the modern player. Details here.

Choose a style for navigation buttons: icons, text, or both icons and text.

On desktop computers, navigation buttons are always text. On mobile devices, they’re always icons.

The modern player always scales smoothly to completely fill the learner’s browser on every device and screen size.

You can control the player size. Let it fill the learner’s browser or lock it at optimal size. Learn more.

How the Published Formats Compare

Modern Player

Classic Player

When you publish courses with the modern player, you’ll get HTML5-only output that works beautifully in all major browsers on desktop computers and mobile devices.

Courses that use the modern player don’t have any Flash content, so they’ll continue to work when browsers stop supporting Flash.

When you publish courses with the classic player, you can choose HTML5 output, Flash output, or both. (You also have the option to include Articulate Mobile Player output.) If you need a Flash version of your course, be sure to choose the classic player style.

Related Content