Embed a video without using an iframe tag - SL360
Jul 11, 2017
Hello all,
I have a particularly tricky task with one client. We have created an interactive video learning module which includes a series of videos and plays a particular strand of the story based on a series of choices the user makes along the journey.
We initially served the videos into Storyline from Vimeo, used a chunk of JavaScript to communicated from the video and the storyline slides and it all worked perfectly.
We have now been told by our client that videos cannot be streamed from Vimeo as it is not an approved service and that the videos need to be on their own Media delivery server.
However, there is very limited support for this and no API access, one of their techs has given me a script which will execute a JavaScript when the video ends, however I am now told they do not support the videos working within iframes!!
So after all this I am stuck with too many obstacles and no solutions from their tech team! Their latest suggestion is to embed videos into Storyline using the <video></video> tags instead of <iframe></iframe> but SL360 doesnt like this and wont allow me.
I have tried putting their working HTML page into an inserted web object as in theory that would work, until their media server throws up and error and says the content is unable to be played within an iframe.
Does video embedding in SL360 have to be done specifically through an iframe tag or has anyone got any other tips or tricks to getting around this? The suggested code they have given me, but SL360 dislikes, to embed the videos is:
<video id="mdsVideo" preload="none" autoplay="" poster="https://mds.novartis.net/wp-core/wp-admin/admin-ajax.php?action=downloadvideo&vid=18948&type=thumb" src="https://mds.novartis.net/wp-core/wp-admin/admin-ajax.php?action=downloadvideo&vid=18948&type=video" controls controlsList="nodownload" oncontextmenu="return false" preload="none" style="width:100%">Your browser is not able to play this video format.</video>
7 Replies
Hi Darren,
Sounds like you've hit a number of snags on this one!
The Javascript elements are something I'll leave to the community's expertise - but I wanted to share some more info on inserting videos. There are three ways to insert videos into Storyline:
What error message do you see when trying to use that code in Storyline?
Hi has this issue been resolved? I have a video that I need to embed from the client's website, which is not offered via YouTube or Vimeo.
Hi Kathryn,
YouTube/Vimeo aren't the only supported options for inserting a video using embed codes, but they easily generate embed codes that Storyline can recognize.
If your client's website doesn't allow you to pull that embed code, have you looked at the option for inserting it as a web object? You'd only need to include the URL for the video.
Hi there Kathryn!
Have you explored inserting a video as a web object? Perhaps you could share the link here, and we can help you with your testing!
Take a look at the free VideoJS player to see if that will work for you: http://videojs.com/ I have a demo of it working in Storyline on my website here: http://www.andersonelearning.com/Demos/
Hi Michael,
In the two years since you posted your great response, have any other sites caught up with VideoJS? I ask because if we could have a videoEnd variable (or similar variable) from Vimeo, that would be awesome.
Yes, here's a demo of that working with Vimeo in Storyline 2. http://andersonelearning.com/demo/Vimeo_Video_Status_SL2/story_html5.html
Here's the .story file: http://andersonelearning.com/Demos/
This discussion is closed. You can start a new discussion or contact Articulate Support.