Iframe fullscreen on mobile

May 02, 2019

al tv
By al tv

Hi,

Just started using Articulate. Looks very promising. I am Frontend developer and building a training course from my company with our designer. We are loading html5 training course build with Storline 360 in Iframe and its responsive on mobile and fix width and height in Desktop. Training size is 768x432. So once the browser width is less than 768px then its set to 100% width. I have 2 issues.

1. Player size from top and button stays same so when the browser with is less than 600 then player covers most part on screen than html5 content. It looks very odd in mobile. 

2. This is major. When Play/Resume is clicked, content play within iframe not fullscreen. I know there are ways to make iframe fullscreen in browser but I am looking for something which is taken care by Articulate and simpler to implement. 

I  saw some similar post on this forum but those are 2 year old.

Thanks

 

Thanks

3 Replies
Leslie McKerchie
almost 5 years ago05/02/19 at 8:09 pm (UTC)

Hello al tv and welcome to E-Learning Heroes :)

Thanks for reaching out and sharing what you are running into with your published output.

What environment are you viewing the published content in? You can see a list of our supported viewing environments here.

When you embed your content, the player features will need to be accounted for as well.

I'm not sure that I've heard of an issue when resuming.

With your permission, I'd like you to share your project file with our support engineers to investigate what's happening. You can share it privately by uploading it here. It will be deleted when troubleshooting is complete.

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