embed HTML code in storyline slide

i have a puzzle i have created from a pic on a website and they have provided the html code to embed in my website (below).  where in storyline do i embed the code?

<br><center><a href="http://www.flash-gear.com/index.php?puz"><img src="http://www.flash-gear.com/puz1.gif"></a><br><EMBED allowScriptAccess="always" allowNetworking="all" src="http://three.flash-gear.com/npuz/puz.php?c=f&o=1&id=3899800&k=19500459&s=150&w=600&h=450" quality=high wmode=transparent scale=noscale salign=LT bgcolor="FFFFFF" WIDTH="750" HEIGHT="600" NAME="puz214443" ALIGN="" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer" /><BR><a href="http://www.flash-gear.com/index.php?puz"><img src="http://www.flash-gear.com/puz2.gif"><br><b><font face="Verdana"><h5>provided by flash-gear.com</h5></font></b></a><br></center><br>

21 Replies
Kevin Croteau

Ok, I had partial success.  

1.  It doesn't load the pieces in the center.

2.  I would like to remove the blue box / outline "create your puzzle at flash-gear.com".

3.  When I publish it to the web the slide is blank. The image below is from the video preview and shows the pieces which you would drag to create the puzzle.

Any suggestions.  The code remains the same as above.

Steve Flowers

Hey, Kevin - 

I'm guessing you won't be able to remove the blue square. Seems like their advertising for creating a puzzle. Sounds like you might be publishing and running from a local drive? The Flash Player Security Settings prevent local Flash media from interacting with the browser. The overlay is called from JavaScript. 

Three ways to fix this:

1. Publish to CD for your local tests. The wrapper bypasses the Flash security settings restriction.

2. Publish to HTML and upload to a Web host.

3. Hit this link and add your publish folder to the allowed list. http://www.macromedia.com/support/documentation/en/flashplayer/help/settings_manager04.html

I'm not familiar with the tool so I have no guess as to why the pieces don't load in the center.

Nancy Woinoski

@ Amanda - not sure what you mean by widget (are you referring to a Captivate Widget?) but if you give us an example of what you are trying to insert I am sure we can figure out a way to help you.

@Fran - you can insert the this as a web object. 

Click Insert>Web Object   and then past the URL in the address field.   (note make sure the url is correct.  I don't think the one you show in your post will work. It is best to do the search in your browser and then copy and past the address that displays for the results.

There are some security issues with launching the search results. I don't think Google will let you launch the page in an iframe so you have to specify that it display in a new browser window as shown in the example.  You may also have some issues when testing locally (popup blockers will block the page for example) so it is best to test this on a web server.

Al Anderson

Hello everyone!

I am pretty new to Storyline, I hope you all can help me.  I am trying to embed something I found on wikipedia that will be great for my class.  It says, Storyline cannot insert video from this embed code.  Any ideas?  Thanks!

This is the code:

<p><a href="http://commons.wikimedia.org/wiki/File:LS-usgs.gif#mediaviewer/File:LS-usgs.gif"><img src="http://upload.wikimedia.org/wikipedia/commons/3/3d/LS-usgs.gif" alt="LS-usgs.gif"></a><br>"<a href="http://commons.wikimedia.org/wiki/File:LS-usgs.gif#mediaviewer/File:LS-usgs.gif">LS-usgs</a>" by USGS - <a rel="nofollow" class="external free" href="http://elnino.usgs.gov/landslides-sfbay/photos.html">http://elnino.usgs.gov/landslides-sfbay/photos.html</a>. Licensed under Public domain via <a href="//commons.wikimedia.org/wiki/">Wikimedia Commons</a>.</p>

Michael Hinze
Mark Sheridan

Hi there,

So I am trying to embed html with javascript and css files. It does not appear to play when embedded.

Thoughts ?

I have attached the files  below.

The HTML code of the index page includes links to a bunch of external JS libraries, eg. '../../extras/jquery.min.1.7.js' that I don't see in the zip file you sent. That's probably the issue

Alicia Serrioz

I'm trying a similar task: Embed what would otherwise be a web object into the slide as a video. The code is below. There's a long sorted reason why I can't just use a web object. Is there anyway to get Storyline to accept this?

<a name="form1350628695" id="formAnchor1350628695"></a>
<script type="text/javascript" src="https://fs30.formsite.com/include/form/embedManager.js?1350628695"></script>
<script type="text/javascript">
EmbedManager.embed({
key: "https://fs30.formsite.com/res/showFormEmbed?EParam=iGs2D6QRb6IoTAbwiZJ0It1WO5TBXPkYd0EdsE%2B2w%2BE%3D&1350628695",
prePopulate: { "3":"Course Name", "4":"Passed","5":"90"},
width: "100%",
mobileResponsive: true
});
</script>