Is YouTube, Vimeo, etc. the only sites you can embed videos from? I would like to embed a video from a site called, 'Teaching Channel'. I copied and pasted the code, but Articulate keeps producing a 'cannot insert a video from this embed code message'.
I'm still not clear on what html page i'm supposed to embed the code in. Do I copy paste the code in Word, Microsoft Notepad, or is there a more reliable html page?
I've tried Notepad 3 different times, but when I save and then open the file it only displays the video with the entire page. I just want to show the video by itself like yours.
I wanted to welcome you to the E-Learning Heroes community, and I'm glad Michael is helping you out here with the code you need to add. If you're having difficulty with the code it may help if you're able to share your .story project here with Michael so he can see if anything is different than his example.
9 Replies
I guess the 'embed code' from this site doesn't work with a Storyline video object, because it contains javascript tags. You can still add a video from this site with a web object like this example here: http://dev.keypointlearn.com/xcl71_SL/TC/V1/story.html. I added the 'embed code' for this video (<script src="https://www.teachingchannel.org/videos/time-on-task-seconds-count/embed?format=js" type="text/javascript"> into a simple html page and linked the Storyline web object to it.
Is there an example of how to embed into an html page?
Here is the HTML code of my test page:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
body {
margin-left: 0px;
margin-top: 0px;
}
</style>
<body>
<script src="https://www.teachingchannel.org/videos/time-on-task-seconds-count/embed?format=js" type="text/javascript">
</script>
</body>
</html>
You would replace this line: "<script src="https://www.teachingchannel.org/videos/time-on-task-seconds-count/embed?format=js" type="text/javascript">" with the code for any video from this site
I'm still not clear on what html page i'm supposed to embed the code in. Do I copy paste the code in Word, Microsoft Notepad, or is there a more reliable html page?
You can use Notepad to past the html code into a new document and save it as MyPage.html. Then, link a Storyline webobject to this page.
I've tried Notepad 3 different times, but when I save and then open the file it only displays the video with the entire page. I just want to show the video by itself like yours.
Hi Demetrius,
I wanted to welcome you to the E-Learning Heroes community, and I'm glad Michael is helping you out here with the code you need to add. If you're having difficulty with the code it may help if you're able to share your .story project here with Michael so he can see if anything is different than his example.
Hello Ashley,
What element of the project does he need?
Hi Demetrius,
If you share your .story project file here we'll be able to look at all the elements, including the Javascript code you've included.
This discussion is closed. You can start a new discussion or contact Articulate Support.