I currently embed our Presenter player in an HTML page using iFrame. It has served us well. We link to the player.html file and it plays within the page
Can the same be done with a Storyline file? By linking to the story.html file? If that works, will the HTML5 version play if it is viewed by an HTML5 browser?
How about the iPad version and the Articulate Mobile player. What will happen there?
I have done it in Canvas LMS using iFrame. My opinion is that we should keep student "in class" (in the LMS) as much as possible to mitigate loosing them to outside influences and distractions. Such as if you open a YouTube video as a link in a separate page, and the video ends, having a student click on the dancing cat video that YouTube suggests at the end. But I digress.
Anyway, here is the code for a basic iFrame insert:
Replace the http:// with the HTML5 link to your project.
I tried inswrting iframe in joomla 1.5 installation and it showed the course ok... but it was the size of a matchbox on the screen which isnt conducive to easy reading!
This video screencast describes how you may be able to embed Articulate content into Joomla. Please note though, that Articulate does not provide support for managing Joomla. For assistance with your Joomla CMS, visit http://www.joomla.org.
Do you have to add this code to a webpart or just using the rich text editor? I can add it to a wiki page, but when I go to edit the page it disappears.
Can anyone see the error in my iframe code. I am getting the 404 error. I had this working for a year previously but I was doing a little testing and screwed it up.
Yeah we are also facing so many issues while integrating articulate html5 output into existing web page without using iframe. most probably it is not possible to do
What issues are you running into posting your content? What version of Storyline are you using? You'll want to make sure you upload the entire contents of the published output to your web page, as Storyline needs all those files to successfully play the output.
Also, as an FYI it appears that there is an odd link at the end of your reply that just directs back to the ELH community site - you may want to Edit the post using the button just below the reply window.
12 Replies
I have done it in Canvas LMS using iFrame. My opinion is that we should keep student "in class" (in the LMS) as much as possible to mitigate loosing them to outside influences and distractions. Such as if you open a YouTube video as a link in a separate page, and the video ends, having a student click on the dancing cat video that YouTube suggests at the end. But I digress.
Anyway, here is the code for a basic iFrame insert:
Replace the http:// with the HTML5 link to your project.
Whoops, just remembered that if I add the code in my forum post it will try to parse it as a link. Let me try this way
iframe src="http://yourhost.com/story_html5.html" width="640" height="640" style="overflow: visible; width: 100%;"></iframe
You need to add the < at the front and > at the end.
Hopefully this will post. If not I can PM the code.
Yep, you sure can. Here's an example:
www.usa-airspace.com
If you published also for the Articulate Mobile Player, the presentation will open within it, not the iFrame.
Too many problems with HTML5 support. I don't do it so I cannot report on how it would work.
Hi there
I tried inswrting iframe in joomla 1.5 installation and it showed the course ok... but it was the size of a matchbox on the screen which isnt conducive to easy reading!
What am I doing wrong?
Regarss
Thomas
Hi Thomas!
This video screencast describes how you may be able to embed Articulate content into Joomla. Please note though, that Articulate does not provide support for managing Joomla. For assistance with your Joomla CMS, visit http://www.joomla.org.
Here is another fix that corrects the grey line we get when using the above. Try this fix.
iframe src="your-URL" width="720" frameborder="0" height="640" >
<p>Your browser does not support iframes.</p>
</iframe
Remember to add "<" at the beginning and ">" at the end of the code above to work.
Shame we can't post code on the forum.
Do you have to add this code to a webpart or just using the rich text editor? I can add it to a wiki page, but when I go to edit the page it disappears.
Can anyone see the error in my iframe code. I am getting the 404 error. I had this working for a year previously but I was doing a little testing and screwed it up.
<div align="center" style="text-align: left;">
<p style="text-align: center;"><iframe src=”http:/www.krcdemandplanning.com/Joomla/Forecast Accuracy 140501/story.html" width="646" height="524"></iframe></p></div>
Thanks.
I've tested in iPad and it doesn't seem to show correctly. My iframe is responsive but Storyline is stretch outside my iframe.
Hi Fadzil!
I shared some information here on a similar question.
Yeah we are also facing so many issues while integrating articulate html5 output into existing web page without using iframe. most probably it is not possible to do
can any one please suggest
getyourpost.com
Hi Shiva,
What issues are you running into posting your content? What version of Storyline are you using? You'll want to make sure you upload the entire contents of the published output to your web page, as Storyline needs all those files to successfully play the output.
Also, as an FYI it appears that there is an odd link at the end of your reply that just directs back to the ELH community site - you may want to Edit the post using the button just below the reply window.
This discussion is closed. You can start a new discussion or contact Articulate Support.