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

ColleenLiley
Community Member
7 years ago
Attached is how you sample project starts on an iPad...
AlyssaGomez
Staff
7 years ago
Ah, that definitely makes a difference, Colleen!

The "Play" button you see when opening Storyline content on an iOS device is standard behavior for all versions of Storyline. It's a part of how the course needs to launch the HTML5 output in mobile Safari.

This discussion addresses removing that Play button, so it's worth a shot with your Storyline 360 output. We can't support modifying the published output, so reaching out in that discussion or to those community members would be your best bet for troubleshooting those ideas!
ColleenLiley
Community Member
7 years ago
The "Play" button no longer appears when opening Storyline content that does not contain any audio or video on an iOS device. I'm just looking for the same functionality when there is no audio or video on the first page (because the "Play" button is unnecessary).
AlyssaGomez
Staff
7 years ago
Hi Colleen!

I tested two types of Storyline 360 files with Modern Player on an iPad, and here's what I saw:

Content contains audio and video: Play button appeared before first slide.

Content does not contain audio or video: Play button appeared before first slide.

Would you mind testing both of those links on your iPad, and let me know if you see the Play button with both links? Thanks in advance!
GeordieOxley
Community Member
7 years ago
I am having the same issue, on both android and apple, I have a tiny 3 screen module without any media yet there is an annoying play button when it loads. What is the point of it and how can it be removed?
AshleyT-Pollard
Staff
7 years ago
Hi Geordie,

Are you also using the modern player? In the example Alyssa shared, the content didn't have to contain any media but the play button remains. It's standard behavior for launching the content on a mobile device.

If you're seeing something different or still feel that the course is not working as described above, we'd love to take a look. Can you share a link to the course here with us and let me know what Android/Apple devices and OSs you're using?
AurlienCousseme
Community Member
7 years ago
Hi ! I'm trying to integrate small Storyline interactions into Rise courses. Unfortunately, I'm getting this awful black screen with a play button on mobile screens. As I'm integrating the storyline files via Storyline 360, there's no way to modify the files as presented in this thread...

Is there a way to modify the starting screen on mobile devices? I'm not displaying any video or audio in the starting screen of the interaction, I just want the learner to get the storyline interaction directly in front of his/her eyes, instead of this ugly, non ergonomic screen... I hope you agree with me... :)
- LeslieMcKerchie
  Staff
  4 years ago
  Hello Aurélien,
  
  Great news! We just released another update for Articulate 360 and included some new features and a few important fixes you'll see in the release notes.
  
  The item you'll be interested in is:
  
  New: Make an impactful first impression. Add an image to your course start page to brand it or give learners an idea of the subject matter. Learn more about cover photos.
  
  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.
IvanRuge
Community Member
6 years ago

Best solution

Step 1: in story_html5.html
reproducir como escritorio sin el boton de play.

Replace the lines with the following code.

/(?=.*\bWindows\b)(?=.*\bARM\b)/i
campusvirtualsp
Community Member
6 years ago
I don't understand why we have the same problem for more than 2 years. The play button on HTM5 in a mobile device is terrible and confusing for users. Everythime the Storyline is updated every solution in this discussion doesn't work. For example, the solution posted by "J Hoog" now is not working with Storyline 360 v3.25.18088.0. On the other hand, the solution posted by "Ivan Ruge" is not working despite was posted 24 hours ago. Articulate should give us a permanent solution for this.
LeslieMcKerchie
Staff
6 years ago
Hi Campus Virtual de Salud Pública,

Google no longer allows videos to autoplay in Chrome 66 and later, learners now see a play button when they launch or resume a course with a video on the first slide. You can read more about that here.

The play button is the user interaction required for this new policy.

Any modification of published output is not supported by Articulate.
- campusvirtualsp
  Community Member
  6 years ago
  Leslie, thanks for your prompt response! The play button is launched despite the course has or not has a video. For example, this HTML5 published with only blanks slides. https://s3.campusvirtualsp.org/test/story_html5.html. Attached is the result when I visit the link through an iPhone. Also, attached is the .story file.
  
  Play-Button-Test.story126 KB