I am currently playing with Articulate for designing system support training, and have used the YouTube embed code to embed a website into the base layer of the Storyline file. I'd like to use layers to add objects (arrows etc.) that will highlight the key elements.
When I add the iFrame code in the base layer, it works a treat, but when I add a layer, the iFrame is pushed to the top/front instead of remaining behind.
All tick boxes are unticked in the Layer Settings.
I have also tried adding "?wmode=transparent" to the iFrame embed code, but that didn't work either.
Hm, not sure what I did differently, but here is a sample with a YouTube video on the baselayer and some randomn objects on another layer: http://dev.keypointlearn.com/xcl71_SL/YouTubeOverlay/story.html . Is that what you wanted? The additional layer is called 1 sec into the baselayer's timeline (used an offstage object for that)
Thanks for your quick response! Yes, I can get it to work with YouTube as your example shows, however, I'm trying to do it with an alternative website URL in the iFrame code.
Ah, now I understand. I saw 'YouTube' and assumed you are talking about a video. As far as I know, that is not possible (similar to using a regular web object, which will also always be on top on any other objects).
Hmm... what a shame. I was looking forward to stretching the options for us! I'll keep an eye on here and see if anyone comes in with a solution (Javascript, iFrame code or otherwise! ). Thanks
5 Replies
Hm, not sure what I did differently, but here is a sample with a YouTube video on the baselayer and some randomn objects on another layer: http://dev.keypointlearn.com/xcl71_SL/YouTubeOverlay/story.html . Is that what you wanted? The additional layer is called 1 sec into the baselayer's timeline (used an offstage object for that)
Hi Michael,
Thanks for your quick response! Yes, I can get it to work with YouTube as your example shows, however, I'm trying to do it with an alternative website URL in the iFrame code.
So... with YouTube, it looks like this:
http://divers1fystorage.com/iFrameTestYouTube%20output/story.html
iFrame code - Standard embed code from YouTube
With a website, it looks like this:
http://divers1fystorage.com/iFrameTest%20output/story.html
The iFrame code here is: "<iframe width="853" height="480" src="http://www.articulate.com/"></iframe>"
As you can see, it pops up, then the layer gets sent to the back.
Cheers,
Tim
Ah, now I understand. I saw 'YouTube' and assumed you are talking about a video.
As far as I know, that is not possible (similar to using a regular web object, which will also always be on top on any other objects).
Hmm... what a shame. I was looking forward to stretching the options for us! I'll keep an eye on here and see if anyone comes in with a solution (Javascript, iFrame code or otherwise!
). Thanks
Hi Tim,
I wanted to welcome you to the Heroes community, and it looks like Michael has you covered here but if you need anything else let us know.
This discussion is closed. You can start a new discussion or contact Articulate Support.