Embedding problems in Storyline

I have problems embedding....

Embedding content into a Storyline is a nice way to add video content or a survey into a package so students don't need to leave.

Storyline has a nice feature that allows you to embed videos directly from the code or embed a web object such as a mentimeter poll or Qualtrics survey into your content (other polling and survey tools are available).

Here is what I have learned
 

1. YouTube – works like a dream. Copy the embed code, paste it into the ‘video from website box’. Done. 

2. Qualtrics – ditto. Copy your survey link and paste it into the ‘insert web object’ box. Job done, make a brew.
(side note – I also add a click here to open in browser option)

3. TED – works like, well Southern Rail. It functions but not as you may like it to. Grab the embed code from your TED talk and copy it into notepad. Then look at it! There is a lot of unnecessary junk in there which means that your video will not render well.

<div style="max-width:854px"><div style="position:relative;height:0;padding-bottom:56.25%"><iframe src="https://embed.ted.com/talks/kirby_ferguson_embrace_the_remix" width="854" height="480"  style="position:absolute;left:0;top:0;width:100%;height:100%" frameborder="0" scrolling="no" allowfullscreen></iframe></div></div>

When all you really need is this

<iframe src="https://embed.ted.com/talks/kirby_ferguson_embrace_the_remix" width="854" height="480" frameborder="0" scrolling="no" allowfullscreen=""></iframe>

4. Mentimeter - works. Less horrifying than TED but there is a minor vexation. If you share the presentation link it asks if you want to create an account. I have one thanks, and I doubt my students want one, more importantly though this option takes up space – which you don’t have in a slide. 

 However, menti offers an embed function, so you can put results into a webpage. You can’t copy this into the video embed box – I tried it, it doesn’t work – but you can copy the embed url and use that as your ‘web object’ and hey presto, no pushy sales box.

<div style='position: relative; padding-bottom: 56.25%; padding-top: 35px; height: 0; overflow: hidden;'><iframe sandbox='allow-scripts allow-same-origin allow-presentation' allowfullscreen='true' allowtransparency='true' frameborder='0' height='315' src='https://www.mentimeter.com/embed/c096b6865c/3b8413c9abaa' style='position: absolute; top: 0; left: 0; width: 100%; height: 100%;' width='420'></iframe></div>

A mouse ran over my buttons

I have recently started working on a new website for myself, inspired in part by making one for a good friend of mine. Furthermore after going to a workshop recently and seeing someone make 'onmouseover' buttons I decided I wanted some. So I set about making some...

The website for my friend and her awesome business for one reason or another is being made through wix.com so I though I would start there. They have nice templates and can produce a very aesthetically pleasing site quite easily, however there is no obvious way of playing with the html so... no onmouseover buttons here.

So I decided to go back to google sites which I have used before to see what I could do there.  With the help of some html tutorial sites I made a nice piece of code which made a lovely button which grows when the mouse goes over it..

...which of course doesn't work in my blog as it doesn't in a google site.

So then what?
A bit of research led me to go hunting for a gadget to make this happen and after a bit of playing I found this one http://hosting.gmodules.com which very simply allows you to make nice buttons which pop out when your cursor passes over them. Job done!
Thanks to Paul Kern for the gadget.

To add his gadget to your site go to 'insert more gadgets' and search 'public' for image mouseover and you will see several. There are a couple of nice ones which change one picture to another but they require both pictures to be the same size which didn't fit my profile but they still worked well. Of course you also need to have the images uploaded to your site 1st.