Storyline 360 Tutorial

Articulate Storyline 360: How to Switch From Classic Player to Modern Player

The Modern Player in Articulate Storyline 360 provides a responsive, unified user interface across desktop and mobile devices. While legacy projects may default to the Classic Player, switching to the Modern Player enables individual control customization, accent colors, modern typography, and clean layout scaling.

Understanding the structural differences between player styles allows instructional designers to choose the right interface for their custom eLearning modules.

Structural Comparison: Classic Player vs. Modern Player

Feature Element Classic Player Modern Player
Tab Alignment Top-bar tabs can be placed on both left and right sides of the frame. Top-bar tabs align to the right side; sidebar navigation docks to the left.
Media Control Locking Disabling the seekbar automatically disables the play and pause buttons. Play/pause buttons and seekbar controls operate independently as detached components.
Cross-Device Display Displays legacy desktop frame wrappers on mobile screens. Automatically adapts to fit screen dimensions across mobile, tablet, and desktop views.
The Classic Player in Articulate Storyline 360: a fixed desktop frame with a persistent left menu and PREV and NEXT navigation buttons The Player Properties window with Player Style set to Modern, next to a Modern Player preview with a docked left sidebar and detached play, pause, and seekbar controls

Step-by-Step Configuration Guide

How to Switch to the Modern Player

  1. 01

    Open the Home Tab

    Navigate to the top ribbon in Storyline 360 and click the Home tab.

  2. 02

    Open Player Properties

    Select Player to open the Player Properties window.

  3. 03

    Choose the Modern Player Style

    Open the Player Style drop-down menu and select Modern.

  4. 04

    Save and Apply

    Click OK to save and apply the player frame changes.

Note: You can return to the Classic Player at any time by selecting Classic from the same drop-down menu.

How to Configure a Chromeless Interface (Turn OFF Controls)

To hide player menus, seekbars, and sidebars entirely for immersive interactions:

  1. 01

    Open Player Properties

    Open the Player Properties window from the Home tab.

  2. 02

    Find Menus & Controls

    Locate the Menus & Controls drop-down menu.

  3. 03

    Select OFF

    Select OFF to remove player controls and switch to a chromeless layout.

FAQ

Frequently Asked Questions

Can I detach the seekbar from the play/pause controls in the Classic Player?

No. In the Classic Player, media control elements are tied together. Detached control toggling is a feature exclusive to the Modern Player interface.

What is a Chromeless Player?

A Chromeless Player hides all external player frames, navigation menus, title bars, and standard controls, allowing the slide canvas to take up the full viewing area.

Will switching to the Modern Player break my custom slide triggers?

No. Modern Player updates only affect the outer player wrapper framing; your slide-level triggers, variables, and timeline animations remain fully intact.

Related Solutions

Explore Related eLearning Solutions

Custom E-learning Solutions

Architect tailored digital learning modules engineered to scale effortlessly across global workforces and diverse devices.

Learn more about Custom E-learning Solutions

Learning Management System (LMS)

Simplify training distribution, maintain automated compliance tracking, and deliver intuitive digital learning across enterprise teams.

Learn more about Learning Management System (LMS)

Off-the-Shelf Courses

Equip your workforce with a ready-to-deploy library of interactive, SCORM-compliant training modules designed for immediate LMS deployment.

Learn more about Off-the-Shelf Courses
Get in Touch

Ready to Transform Your Training?

Get a tailored project proposal, custom timeline, and a free SCORM sample built directly from a slice of your existing training materials.

  • Free Proof-of-Concept

    Send us a short document or presentation, and we'll transform it into an interactive SCORM sample so you can judge our instructional design.

  • Expert Consultation

    Talk directly with our eLearning specialist to align your business goals with the right technology stack.

  • Transparent Pricing

    Clear cost estimates and realistic project milestones delivered with zero hidden fees.

Prefer direct email? Reach our lead team at [email protected].

Send Us a Message

Fill in a few details and we'll get straight back to you.