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

MathNotermans-9
Community Member
5 years ago
And the Rise test works also as expected. Thats great... no autoplay however, but i donot mind.
I tested only on my Samsung Galaxy J7..

The ds-slides.min.js and the unminified version i attach. Do rename your original when working with this and do keep a copy of it outside the default Articulate folder ("C:\Program Files (x86)\Articulate\360\Storyline\player\unified\html5\lib\scripts") because when they update Storyline all here will be overwritten.

I exchanged the original ds file for my edited one, so all i publish will be without the 'Big-Black-Mobile-Play-Button'.

ds-slides.edits.js is the unminified file with my edits in it.
ds-slides.min.js is the same file, but now minified again and thus ready for use...

Kind regards,
Math
ds-slides.edits.js2.1 MB
ds-slides.min.js893 KB
- AnthonyGoss
  Community Member
  4 years ago
  Forgive my lack of understand, but when I go into this folder, I do not see ds-slides. All I see is slides.min.js. Do I just need to add ds-slides.edits.js to this folder to make this work?
GaryOvergaard1
Community Member
4 years ago
Math,

Just wanted to say thank you for coming up with and sharing this workaround. It works wonderfully! This recently became an urgent need for me as well, and feel very fortunate and grateful to have found your posts. Nice work!

Best regards
Gary
- MathNotermans-9
  Community Member
  4 years ago
  Love to help.. with pleasure Gary.
GaryOvergaard1
Community Member
4 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.
GaryOvergaard1
Community Member
4 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
4 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
3 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
  3 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
    3 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
3 years ago
Thanks Math, unfortunately its not something I can share.
ShawnMalcomson
Community Member
2 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
  2 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
    2 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.