Storyline in iFrame on mobile devices
Feb 03, 2014
Hey great guys,
testing a storyline course on my website I saw in this forum by Montse and which inspired me. I am using weebly so I can't just upload it directly. I have to upload it to my FTP and then link to it with an iFrame.
iframe src="http://potentialakademie.com.dd26924.kasserver.com/Storyline/story.html" width="740" height="600" style="overflow: visible; width: 100%;"></iframe
If you want to try the link, add the < in front and > at the end of the code...
Now, the course gets displayed on my PC perfectly. But on my Apple devices it keeps loading endlessly and on my android devices it loads the video and shows the buttons, that are displayed on top of the video layer but not the video itself. So... useless.
It seems as if the iframe conflicts with the identification of the device. It just starts the story.html file and that's it.
Here is what happens, when I use the different files from the published package in my iframe:
When I use story_html5.html instead of just story.html it still doesn't play on iPhone and neither on my android devices.
When I use ioslaunch.html it displays the download-link to the iPad-App on every device.
Now my question: How do I get this to work? Using a course as interactive Splash page for my website through an iframe?
Any ideas?
Thanks you, you awesome creative people 
Sven
8 Replies
Good Afternoon, Sven.
I've seen this work OK in the past, so if you're having trouble, can you please send us a copy of your .story project file so that we can have a closer look? Thanks!
Hey Justin,
thanks for replying! I did as told. Meanwhile I changed the course but stil same problem. So once I used a course as testversion which was discussed and for download here:
http://community.articulate.com/forums/t/19380.aspx
and once my own. Both don't work with the iframe. I assume it must have something to do with the iframe-code, but I am far from being an expert in the matter.
Thanks and bye
Sven
Thanks for submitting your Case Number 00382946, Sven.
I see that Cleo has taken ownership of your Support Case, and I will be following along as Cleo assists. Thanks again!
Cleo is awesome and has helped in the past. I am confident now with two great helpers on my side
Thanks, you great guys!
Hi Sven, once you get an answer from Articulate support, could you post an update here and let the community know what the issue with iFrames was.
Sure Michael, if they won't already post the answer, I sure will let the community profit as well.
OK, a quick update.
We're not completely done solving this problem, but we found out that there is a problem with the videos. Although it is uploaded as MP4 it doesn't play as it is supposed to. Cleo suggested me HandBrake a conversion tool. I ran my MP4 through it and out came another MP4. I am not sure if it works right now.
What confuses me is that every single device that I have displays the course slightly different. My PC, my iPhone (which is just for the main website, where I try to implement a quick sample course for people to understand whats special about my approach, but which is flawed if it messes things up), my noname Android tablet, my Samsung Galaxy tab...
Well, not done yet, but wanted to give you a quick notice.
Have a nice weekend y'all. And thanks to Cleo for here great support. I am sure we'll figure things out completely.
Sven
Thanks Sven for the update here and we'll continue to follow along in your case as well.
Have a great weekend!
This discussion is closed. You can start a new discussion or contact Articulate Support.