Video from a website - imbed code

I have an mp4 on the server that hosts my website and I wanted to insert that into a storyline project that will be hosted elsewhere (articulate online actually).  For reasons too long to explain I can’t host the video itself in articulate online. If I insert it as a web object I don’t get the video player controls.  But if I try to use the insert from a website function and simply add the URL for the video, storyline asks for an embed code.

Is there a standard imbed code I can use to accomplish this?

19 Replies
Gordon UBS Lam

Hi Adrian,

Thanks for your reply. I had done some searching for imbed codes.  From what I understand iFrame can be problematic as some browser security settings don’t like that, and as I am not a coder I was having some difficulty getting some of these codes to work.  I thought Articulate or some users of this site might have block of simple code that has worked for them in the past.

Adrian Dean

Hi Gordon,

Screenr, an Articulate product uses iframes for the embed code. Here is the old embed code from Screenr - I don't believe it will work in Storyline. Haven't tested it though.

<object classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,115,0'width='650' height='396'><param name='movie' value='http://cdn.screenr.com/public/1.8/flash/screenr.swf' /><param name='flashvars' value='i=616942&h=t&svr=//www.screenr.com/&vEmbed=<iframe src="//www.screenr.com/embed/YlL8" width="650" height="396" frameborder="0"></iframe>' /><param name='allowFullScreen' value='true' /><param name='wmode' value='opaque' /><param name='AllowScriptAccess' value='always' /><embed wmode='opaque' AllowScriptAccess='always' src='http://cdn.screenr.com/public/1.8/flash/screenr.swf' flashvars='i=616942&h=t&svr=//www.screenr.com/&vEmbed=<iframe src="//www.screenr.com/embed/YlL8" width="650" height="396" frameborder="0"></iframe>' allowFullScreen='true' width='650' height='396' pluginspage='http://www.macromedia.com/go/getflashplayer'></embed></object>

Adrian

Gordon UBS Lam

Thanks to all of you for your replies.  This code seems to work: (just remove the opening and losing double quotes)

""<OBJECTCLASSID="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"

CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab"WIDTH="480" HEIGHT="320" >

<PARAM NAME="src" VALUE="myvideowebsite.mp4">

<PARAM NAME="autoplay" VALUE="false">

<EMBED SRC=" myvideowebsite.mp4"TYPE="image/x-macpaint"

PLUGINSPAGE="http://www.apple.com/quicktime/download"WIDTH="480" HEIGHT="320"AUTOPLAY="true">
</EMBED>

</OBJECT>""

Drew .

The advantage of say embedding a link to YouTube or Vimeo is that they will deliver different options depending on the browser and what it can play.

As I read it the code you have used it says play mp4, if the browser cannot do that then refer them to a quicktime plugin. I would think this is less cross browser compatible than any issue with iframes.  From memory standard Firefox and Opera will not play mp4 unless it is embedded in a flash player.

I'm just flagging you might need to do some browser checks to make sure you are happy the solution works well for the browsers your users might have.

Sorry if this sounds negative.

Regards

DREW

Gordon UBS Lam

Hi Drew,

Thanks for your comments.  The issue here is I am in a corporate environment where all video from sites like YouTube and vimeo are blocked. And apparently we also block the video stored with the course on articulate online when using the corporate wifi.  So we were looking at another corporate server to store the video on and deliver it from there.  As the company has a standard of IE8 and the video seems to work, this will fill in the few days of gap before I can have them unblock the AP stored video. 

You are right that if I was delivering this to multiplatform/browser environs I would use another approach.  And I discovered there are a number of websites out there that allow you to simply indicate where on your video is stored and they provide a free embed code.  That’s where I got this one for mp4 videos.

Jeanette Cefre

I do have an embed code however, Im not sure "how" I can embed it into Storyline.  I tried using a web object, but I can't control the size of the video that way, hence why I need to use the embed code. 

Sharepoint does not support iFrames (would've been the easiest solution), so Im "hiding" it in SL.  hehe.

Has anyone tested this on SL? If so, please share.  Thanks!!!

Peter Anderson

Hi Jeanette, 

As Drew mentions, have you tried inserting it following these steps?:

  1. Go to the Insert tab.
  2. Click the Video drop-down arrow, and select Video from Website.
  3. Paste the video embed code from the hosting website into the Insert Video From Website text box.
  4. Click the Insert button.