Video from a website - imbed code
Sep 07, 2012
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
Hi Gordon,
Just take a look a the embed codes used for Screenr or Youtube. They use the iframe wrapper. You would need something similar.
Always Happy to Help,
Adrian
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.
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
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>""
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
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.
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!!!
Jeanette,
Not quite sure if I understand your problem. I paste my embed code in Insert Video -> Video from web site without any problems.
Regards
DREW
Ah, I want to do the reverse. I have an embed code for Prezi presentation. I want to embed it into SL.
Hi Jeanette,
As Drew mentions, have you tried inserting it following these steps?:
This method does not work. I get an error message
Hi Marie_Pierre!
What is the error code that you are getting?
Be sure you are adding video as explained in this documentation.
Correct, the embed method doesn't work anymore in SL2 (at least not for YouTube videos). You need to use a webobject instead, as described in the info Leslie had shared.
But I get the error message as well with the embedded function. Very strange.
Can you share the video's URL so that we can test?
I think I just got it.
Insert / web object - then put in this web address with the different playing options at the end separated by &.
http://www.youtube.com/embed/HTgYHHKs0Zw?autoplay=1&rel=0&start=0&end=161&cc_load_policy=1
Thanks for following up.
Yup, that's the way to do it.
Thanks Micheal!
Glad to see that you were able to get this sorted and that Michael was able to assist you here as well Marie-Pierre :) Thanks for the update.
This discussion is closed. You can start a new discussion or contact Articulate Support.