Is there a way of editing the code on one of the files to remove the big play button that appears on the opening screen of a mobile device accessing the html5 file? I've seen threads on how to do it on SL2, but not on SL 360. I can't seem to locate the player_compiled.js (or story_compiled.js) file to even edit it. I'm using SL 360 publish to Web with HTML5 only content option. When the published file gets uploaded to mobile iOS device, the opening screen is always the Play button (see image below). And yes, I know that editing published files is not supported by Articulate.

This worked for me:search in app.min.js for MobileStartOverlay:function() Right after the text that reads var c=a("polyfills/detection"); type this: setTimeout(this.onStart, 1); The final line should look something like this: ... MobileStartOverlay:function(){var c=a("polyfills/detection");setTimeout(this.onStart, 1);return b.createElement ...

And I'm just going to keep saying this until someone at Articulate listens/understands: A "play" button at the beginning of Storyline content is only necessary when there is content that might autoplay (e.g., audio or video) at the beginning. If Articulate can't figure out how to intelligently detect that, the author should be allowed to set whether or not a play button appears. For example, if I have a drag-and-drop exercise that I create in Storyline, there is no reason at all for mobile users to first click a confusing "Play" button to begin dragging the objects. The dragging itself (or the selection of a multiple choice option or the clicking on a hotspot or...) IS the user interaction. You do not need to create a perfunctory or substitute user interaction (the play button) to indicate the user's willingness to begin the real user interaction. H5P content is a great example of this. Most H5P content types work brilliantly across mobile devices and browsers without the need for a play button to launch or activate them. And it's not just about styling that play button -- it's about displaying it only when it is absolutely necessary. For a great deal of content, it is not necessary (and is, in fact, confusing and cumbersome for the end user).

Hi Aurélien, There is a fix for this. We also have the same problem and we agree with you about the look. The Fix we use is for Storyline 360 Scorm. So i dont know if this is going to work for you. Edit scorm output: Storyline output\html5\lib\scripts\app.min.js In app.min.js search for MobileStartOverlay:function(){var i=e("polyfills/detection"); Edit this: setTimeout(this.onStart, 1); MobileStartOverlay:function(){var i=e("polyfills/detection");setTimeout(this.onStart, 1);return t.createElement Hope this can help you. Greets, J

Do you plan to offer the possibility to edit this starting page? I understand the necessity of creating a play button on mobile devices (which require user interaction) but the fact is that this display is the first contact with the learner, and this is not really attractive (in our user tests, many users were thinking it was a bug). Intergated in Rise, it's even more awful... Thank you

I understand the need for the play button at the beginning of a Storyline module, but on mobile devices why do we need it if the module doesn't have any audio or video on the first slide?Why you don't give us at least the option to customize the black screen with the play button (that looks more like a mistake). It really looks out of place and not professional. Please make this a priority. Thank you.

Remove play button on html5 opening screen in Storyline 360

95 Replies

GaryOvergaard1
Community Member
5 years ago
Anthony,

I also did not have the "ds-slides.min.js" file. However I downloaded the example file in this thread that Math shared. That file had the "ds-" prefix but I renamed it deleting the "ds-" prefix in the filename. After replacing the file in the published output with the new "slides.min.js" file, then testing on an iPad, the piece went right to the first screen without a PLAY button at the beginning. All other functionality in the piece seemed unaffected.

Honestly, I wasn't sure what the distinction was between the "ds-" version and the one without either, but given I was only testing on the published output folder there was little risk in just trying a file rename of Math's shared file. Was pleased to discover it worked fine.
MathNotermans-9
Community Member
5 years ago
Articulate renamed the ds-slides.min.js file to slides.min.js at an update. So basically that is the file to work with.

Ds stands for a reference to ds-bootstrap an external javascript library Articulate uses in Storyline.

@Gary Overgaard... i donot think its wise to just use the ds-slides.min.js file and rename it. Its lucky all works normally. After any update from Articulate i personally copy the new slides.min.js file and rework that as described before. You never know what Articulate changed in an update and by copying and replacing you risk that some of the Articulate updates wont work. However as you mention...little risk in doing that on published output...
GaryOvergaard1
Community Member
5 years ago
Math,

Understood and good advice for me and others reading. I took the easy route using your shared file for my test instead of making the instructed text edit to the existing .js file. And this time it worked. But point taken on potential effects of not making individual edits after program updates.

Thanks

Gary
LanceCorley
Community Member
5 years ago
Has anybody got a fix for the play button to disappear yet? Its been quite a while people above have been talking about this. When can we expect a customised holding page for mobile or expect to get rid of the play button all together. I have a drag and drop storyline line block (no audio or video involved) that i put into rise for a course and get this annoying play button on all tablets and mobiles. The devlopement team should have sorted this by now. This page is 4 years old.
LanceCorley
Community Member
5 years ago
Thanks very much Math, for your help on this work-a-round. Hopefully the development team will get around to sorting this issue out.

Thanks again, for all your help here on this post. much appreciated.

Regards., lance
VajraBarnett-2c
Community Member
4 years ago
Or anyone have an update on this? Is there code I can tweak in JS so the video on the start page will play across desktop and mobile?
- MathNotermans-9
  Community Member
  4 years ago
  When you have video or audio on a start page...most mobile devices will prevent autoplay. That's a default in most browsers and devices. A user interaction is needed to play it. Nothing to do with Storyline or Articulate. The big black play button and screen however are Articulate's solution to this. As you donot have audio or video on your first slide this should not be needed and the page/slide should show directly. Thats the solution mentioned above for. If you have video or audio on your first slide...well then there are several solutions to work around it not playing directly. One of the most common used is a static page as first page, that automatically goes to a second page where your video and /or audio then is.
  - VajraBarnett-2c
    Community Member
    4 years ago
    Yes there is video on slide one. A static page didn't work, tried 30 combinations of triggers. Video will not auto play with either video autoplay set or triggers to play. Unless there is a trigger action on a preceding page or a play button no dice.
VajraBarnett-2c
Community Member
4 years ago
Thanks Math, unfortunately its not something I can share.
ShawnMalcomson
Community Member
3 years ago
So the Cover Photo is better, but how was the Mars Rover course done? There is no play button on that and it is a showcase, from Articulate, of what is possible with Rise. https://rise.articulate.com/share/uxzFpO1QkrS5RugqYn6rRtd_MKaYlggI#/lessons/3g-GOIDe2Mh0fyc5RynPKLcFuUCZwvXi
- PhilMayor
  Super Hero
  3 years ago
  There is a play button on my iPhone. All mobile versions have play button on desktop with no media on first slide there is no play button.
  
  Sent from my iPhone
  - EswarkumarKanth
    Community Member
    3 years ago
    Hi Phil Mayor. Yes, if we add any media asset (Audio or Video) in the starting slide timeline then we get the play button (Visible or Showing) when we launch the course into the browser.

Forum Discussion

Remove play button on html5 opening screen in Storyline 360

95 Replies

Related Content

How to Add and Remove Translated Languages in Storyline

Unsupported AI Voices Removed in Update 104

SL not open

Budgets & Timelines: Remove the Guesswork from Project Planning

Storyline - Remove AI voice from My Voices

Learn

Connect

Discover

Community

Company

Trust Center