Embed HTML code in Storyline

Here's modified code. BTW...It is still not working.

<iframe src="http://createaclickablemap.com/map.php?id=44127&online=true" width="900" height="525" style="border: none;"></iframe>
<script>if (window.addEventListener){ window.addEventListener("message", function(event) { if(event.data.length >= 22) { if( event.data.substr(0, 22) == "__MM-LOCATION.REDIRECT") location = event.data.substr(22); } }, false); } else if (window.attachEvent){ window.attachEvent("message", function(event) { if( event.data.length >= 22) { if ( event.data.substr(0, 22) == "__MM-LOCATION.REDIRECT") location = event.data.substr(22); } }, false); } </script><style>ul.map li { float: left; margin: 0 25px 0 0px; width: 120px; border: 0px solid; height: 45px; padding-left: 6px; } ul.map { list-style: square url(http://createaclickablemap.com/li-arrow.png) !important; } ul.map li a{ margin: 0;padding: 0; text-decoration:underline; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#4591b1; } ul.map li a:hover{ text-decoration:none; color:#214b6e;} .linkBack{ display:block; width:130px; position: relative; bottom: 0px; left: 660px; font-family: Arial,Helvetica,sans-serif; font-size: 10px; font-style:italic; color:#666666;} .linkBack a {color:#666666;}.linkBack a:hover{color:#666666;text-decoration: none;} </style><ul class="map"><li><a href="#" target="_top">Alabama</a></li><li><a href="#" target="_top">Alaska</a></li><li><a href="#" target="_top">Arizona</a></li><li><a href="#" target="_top">Arkansas</a></li><li><a href="#" target="_top">California</a></li><li><a href="#" target="_top">Colorado</a></li><li><a href="#" target="_top">Connecticut</a></li><li><a href="#" target="_top">Delaware</a></li><li><a href="#" target="_top">District of Columbia</a></li><li><a href="#" target="_top">Florida</a></li><li><a href="#" target="_top">Georgia</a></li><li><a href="#" target="_top">Hawaii</a></li><li><a href="#" target="_top">Idaho</a></li><li><a href="#" target="_top">Illinois</a></li><li><a href="#" target="_top">Indiana</a></li><li><a href="#" target="_top">Iowa</a></li><li><a href="#" target="_top">Kansas</a></li><li><a href="#" target="_top">Kentucky</a></li><li><a href="#" target="_top">Louisiana</a></li><li><a href="#" target="_top">Maine</a></li><li><a href="#" target="_top">Maryland</a></li><li><a href="#" target="_top">Massachusetts</a></li><li><a href="#" target="_top">Michigan</a></li><li><a href="#" target="_top">Minnesota</a></li><li><a href="#" target="_top">Mississippi</a></li><li><a href="#" target="_top">Missouri</a></li><li><a href="#" target="_top">Montana</a></li><li><a href="#" target="_top">Nebraska</a></li><li><a href="#" target="_top">Nevada</a></li><li><a href="#" target="_top">New Hampshire</a></li><li><a href="#" target="_top">New Jersey</a></li><li><a href="#" target="_top">New Mexico</a></li><li><a href="#" target="_top">New York</a></li><li><a href="#" target="_top">North Carolina</a></li><li><a href="#" target="_top">North Dakota</a></li><li><a href="#" target="_top">Ohio</a></li><li><a href="#" target="_top">Oklahoma</a></li><li><a href="#" target="_top">Oregon</a></li><li><a href="#" target="_top">Pennsylvania</a></li><li><a href="#" target="_top">Rhode Island</a></li><li><a href="#" target="_top">South Carolina</a></li><li><a href="#" target="_top">South Dakota</a></li><li><a href="#" target="_top">Tennessee</a></li><li><a href="#" target="_top">Texas</a></li><li><a href="#" target="_top">Utah</a></li><li><a href="#" target="_top">Vermont</a></li><li><a href="#" target="_top">Virginia</a></li><li><a href="#" target="_top">Washington</a></li><li><a href="#" target="_top">West Virginia</a></li><li><a href="#" target="_top">Wisconsin</a></li><li><a href="#" target="_top">Wyoming</a></li></ul>

Hi Valerie

when you say interactive, do you mean the states are clickable or hover? I can view info when I hover eg. TX below

Hi,
It actually doesn't even show up in the playback after I publish. I get nothing at all. I inserted the code using the Video feature. That didn't work. Then I put the code on an html page and inserted a Web Object. That didn't work. Ideas?

Valerie Simpkins
Training Manager

Hi Valerie

i inserted it as a video. Have you tried viewing it in different browsers. That was with Firefox.

The story won't display at all in IE. In Chrome is plays all the slides except that the slide with the video and/or reference to the web object doesn't show at all. I haven't tried other browsers. Our company uses IE or Chrome.

Valerie Simpkins
Training Manager

Hi Valerie

I have loaded it onto my webserver

http://www.fuziondezign.com.au/Forum%20uploads/Untitled1%20-%20Storyline%20output/story.html

and tested it

• Chrome Version 47.0.2526.111 m - views successfully
• Firefox 43.0.4 - views successfully
• IE 11.0.9600.18161- views successfully

and I can mouseover all the states and additional text displays.

Sorry I can't help anymore it may be a browser setting.

Hi,
Well it plays in IE from your link. I have no idea why it isn't working for me. Which version of Storyline are you using? I am using Storyline 1.

- Valerie

I'm using SL2 but I just republished it in SL1 and uploaded to my webserver.

http://www.fuziondezign.com.au/Forum%20uploads/Map-SL1%20output/story.html

and it works fine for me in IE 11 - it must be a browser security setting

Ok. I can see this one in IE as well. Question, do you have it set up as a video object with the code and then just published that slide? Can you send me your Storyline file?

Yes Valerie.

Insert > Video from file > paste embed code > insert and then saved the story file and published it.

Hi Wendy,

Thanks so much :o)  Do you know if there are browser settings that I need to make sure are set? - Valerie

Glad to help Valerie

How are you testing the published output? on your local drive? or are you uploading it to an LMS or webserver?

Local drive. It will eventually go on our SharePoint intranet for staff training purposes.

Valerie Simpkins
Training Manager

I'd say it is a local browser security setting.  The fact you can see it on my webserver lets you know it works once uploaded. 

See if any info on this link helps you

http://windows.microsoft.com/en-AU/internet-explorer/videos-dont-work#ie=ie-11

Hi Valerie!

Looks like Wendy has popped in to assist you here and I agree with uploading the content to properly test. Local viewing can cause security issues as you're seeing.

I also wanted to pop in and mention that replying to the forums via e-mail attaches your signature, but you are welcome to pop in and edit if needed.

Hi, Valerie -- I also wanted to stop in to share a link to this article on Publishing and Sharing SL2 Content in case you have not had a chance to review it. Please let us know if you need additional assistance! :)

Hi, I don't have SL2. I am using SL1. Does it matter?

Hi, Valerie -- My apologies that I was not aware that are using SL1 rather than SL2, but the information should pretty much be the same. :)  Here is the SL1 specific link for your review, and please let us know if you need additional assistance!

No worries. Thanks for sending the info for SL1. Much appreciated.