HTML 5 course, iframe and a black box as a first screen

Mar 31, 2015

My course is published as a HTML 5 (no mobile player) package and accessed by Safari/Chrome on iPad using an iframe. When the page is displayed I get a huge black box with a play button.
I need to click the box to start the course.
Is there a way to bypass the black box and to display the first screen?
I can't even resize the black box. I've tried it by resizing the iframe but no luck.

 

iPad pic with a huge black box

Thanks,

Bill

5 Replies
Ashley Terwilliger-Pollard

Hi Bill,

I assume when you click the play button the course begins? Are you launching from a web server or LMS? Did you set it up to launch in a new window? Within the HTML5 output there is generally an option to play the course or launch the course as you have shown here, and although there isn't an option within Storyline to disable it, there are a lot of users who have shared some workarounds in the forums. Here is a thread that discusses and links to a few options. 

bill dimitry

Now, I have a different problem caused by my fix.

 After adding the line player.revealPostInterstitial() at the end of player.showIOSLaunch function, mp4 video files don't play any more. Just a spinner gif at the top. 

Digging deep into the player_compiled js file I've found that video object (HTMLMediaElement) doesn't load and Video.isVideoReady function always returns false (this.videoref.readyState = 1). It enters an infinitive loop.

If I remove the 'hack' line everything works fine, but the launcher black box screen is back.

 

This discussion is closed. You can start a new discussion or contact Articulate Support.