Resize Player? How to...

Nov 21, 2016

I have a need to play SL output in an iFrame. Using "Scale to fit browser window" works just fine as long as it's playing in Flash. This feature doesn't seem to work on an iPad. Regardless of the iFrame size, the player balloons out to full size starting at the frame's top right corner.

Anyone have a workaround for this? Or is it just one more HTML5 problem?

12 Replies
Indrani Sen

Hi Alyssa,

I am having issues  with resizing to full screen.   The player does not fill up the entire browser window in Chrome.   I have the settings as :

Browser Size: Resize browser to fill screen

Player Size: Scale player to fill browser window

I will be happy  to share the files as well as credentials to login to our system.  Many thanks,


PS: Did you want me to open a  support ticket?

Alyssa Gomez

Hi Indrani,

The screenshot you included was really helpful, thanks!

From that image, I can tell that the Storyline player is scaling up as much as it can to fill the screen without stretching of skewing the slide content.

If you want the Storyline player to fill the entire screen completely (width and height), you'll want to design your Story Size to match the aspect ratio of the screen. 

Keep in mind though, your learners will likely view the course on different devices. Some may view the course on a widescreen laptop, and others may view the course on a small mobile device. Most people have found the 16:9 aspect ratio to fit most device screens fairly well.

Alyssa Gomez

Uh-oh Indrani! I'm sorry to hear it's freezing, and I definitely don't want you to have to start from scratch. If you don't mind sharing your file with me, I'd be glad to help you with it! You can attach it right here in a new thread comment. 

Also, can you tell me more about why you want to host the published content on Vimeo? Storyline doesn't publish to MP4, but if you can tell me more about how you want to deploy the project, I can point you in the right direction!

Indrani Sen

Hello Alyssa,

Thank you for your prompt response. Making it 16:9 is a huge project, and will take a lot of time. So I am keeping this proportion intact, and will work on 16:9 at an another time after I meet this current deadline.

Regarding uploading this project to vimeo, here are my thoughts:

* We have a channel where we upload promo videos etc. Is there any way we can upload this articulate project the same way as we upload an articulate project to a website? I have never uploaded to a website, so I do not know how to do it.
* However I do not want to lose the interactivity.
* I did see some directions. . Will this work? Or can you point me to some directions?

Thank you again. You and your team is the best.

Alyssa Gomez

Hi Indrani!

Vimeo is used for hosting video (MP4) files. Although Storyline doesn't publish to MP4, you could create an MP4 by doing a screen recording of the published output. In that scenario, you would essentially record yourself clicking through the course, and you would lose interactivity. 

A better option would be to publish the course for Web and host it on a web server, like what is shown in the video you linked. If you don't have access to a web server, Amazon S3 is a good option that quite a few folks in the community use. Amazon S3 offers free hosting with generous usage limits. See this video tutorial by Tom Kuhlmann to learn more about Amazon S3.

I hope that's helpful!

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